JavaScript迭代协议是什么？可迭代对象怎么定义？

大家好，我们又见面了啊~本文《JavaScript迭代协议是什么？可迭代对象怎么定义？》的内容中将会涉及到等等。如果你正在学习文章相关知识，欢迎关注我，以后会给大家带来更多文章相关文章，希望我们能一起进步！下面就开始本文的正式内容~

JavaScript引入迭代协议是为了统一遍历不同数据结构，要求对象实现Symbol.iterator方法，该方法返回含next()的迭代器对象，内置类型如Array、String等已原生支持。

JavaScript 需要迭代协议，是为了让不同数据结构能被统一的方式遍历（比如 for...of、展开运算符 ...、解构赋值），而不用为每种类型单独写遍历逻辑。核心在于：只要一个对象实现了 可迭代协议，它就能参与这些语言级的遍历操作。

可迭代对象的本质是拥有 Symbol.iterator 方法

一个对象是可迭代的，当且仅当它（或其原型链上）有一个名为 Symbol.iterator 的方法，且该方法返回一个迭代器对象（即具有 next() 方法的对象）。

• Symbol.iterator 是一个内置 symbol，不能字符串化，必须用这个精确写法
• 调用它应返回一个迭代器，该迭代器每次调用 next() 返回形如 { value: ..., done: true/false } 的对象
• 内置类型如 Array、String、Map、Set、TypedArray、arguments、NodeList 都原生实现了这个协议

手动定义可迭代对象：给对象添加 [Symbol.iterator]

你可以直接在对象上定义 [Symbol.iterator] 方法，让它变成可迭代的：

const myRange = {
  from: 1,
  to: 3,
  [Symbol.iterator]() {
    let current = this.from;
    return {
      next: () => {
        if (current 

<h3>常见误区和注意点</h3>
<p>不是所有有 length 和索引的类数组对象都自动可迭代 —— 比如普通对象 <code>{0: 'a', 1: 'b', length: 2}</code> 不可直接 <code>for...of</code>，除非你手动加 <code>[Symbol.iterator]</code>。</p>

• 迭代器可以是惰性求值的（比如生成无限序列），next() 只在需要时执行
• 同一个可迭代对象每次调用 [Symbol.iterator]() 应返回**新的迭代器**，否则多次遍历会互相干扰
• 如果 [Symbol.iterator] 返回的不是对象，或返回对象没有 next 方法，就会报错 TypeError: ... is not iterable

基本上就这些。协议本身不复杂，但它是 JavaScript 统一处理遍历行为的底层契约。

到这里，我们也就讲完了《JavaScript迭代协议是什么？可迭代对象怎么定义？》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！