JS迭代器原理_Symbol.iterator实现

答案：Symbol.iterator是ES6提供的特殊符号，用于定义对象的迭代行为。当对象实现[Symbol.iterator]()方法并返回具有next()方法的迭代器时，即可被for...of、展开运算符等遍历。该方法返回形如{value, done}的对象，控制迭代过程。通过手动实现[Symbol.iterator]，可使自定义对象成为可迭代对象，如数字范围遍历示例所示，体现了JS统一的遍历机制和良好的控制流协作。

JavaScript中的迭代器（Iterator）是一种设计模式，用于顺序访问集合中的每一个元素，而无需暴露其底层结构。ES6引入了Symbol.iterator方法，让对象具备可被迭代的能力，比如可以被for...of循环遍历。理解其原理和手动实现，有助于深入掌握JS的迭代机制。

Symbol.iterator 是什么？

Symbol.iterator 是一个特殊的内置符号（symbol），当一个对象实现了这个属性，并返回一个迭代器对象时，它就成为“可迭代对象”（iterable）。也就是说，只要一个对象有 [Symbol.iterator]() 方法，就可以在 for...of、展开运算符（...）、Array.from() 等场景中使用。

该方法必须返回一个迭代器对象，而迭代器对象需要有一个 next() 方法，调用后返回形如 { value: ..., done: boolean } 的结果对象。

手动实现一个可迭代对象

我们可以通过定义 [Symbol.iterator] 方法，让一个普通对象变成可迭代的。下面是一个简单的例子，模拟一个数字范围的迭代器：

const range = {
  from: 1,
  to: 5,

  [Symbol.iterator]() {
    let current = this.from;
    const end = this.to;

    return {
      next() {
        if (current <= end) {
          return { value: current++, done: false };
        } else {
          return { done: true };
        }
      }
    };
  }
};

// 使用 for...of 遍历
for (const num of range) {
  console.log(num); // 输出 1, 2, 3, 4, 5
}

在这个例子中：

• range 对象定义了 [Symbol.iterator] 方法；
• 每次调用该方法时，返回一个新的迭代器对象；
• 迭代器内部维护状态 current，通过 next() 不断产生值，直到结束；
• 当 done 为 true 时，表示迭代完成。

原生可迭代对象有哪些？

JS中很多内置类型默认实现了 Symbol.iterator，例如：

钉钉 AI 助理

钉钉AI助理汇集了钉钉AI产品能力，帮助企业迈入智能新时代。

21

查看详情

• 数组：Array.prototype[Symbol.iterator]
• 字符串：每个字符可被单独迭代
• Map / Set：键值对或唯一值的集合
• arguments 对象（类数组）
• NodeList 等 DOM 集合（部分环境支持）

你可以通过以下方式验证：

console.log(typeof [][Symbol.iterator]); // "function"
console.log(typeof 'hello'[Symbol.iterator]); // "function"

迭代器的惰性求值特性

迭代器是惰性的，意味着值只有在调用 next() 时才会计算。这使得我们可以创建无限序列，而不会立即耗尽内存。

比如实现一个生成斐波那契数列的无限迭代器：

const fibonacci = {
  [Symbol.iterator]() {
    let a = 0, b = 1;
    return {
      next() {
        [a, b] = [b, a + b];
        return { value: a, done: false };
      }
    };
  }
};

// 取前10个数
for (const num of fibonacci) {
  if (num > 55) break; // 控制退出
  console.log(num);
}

这里不会无限运行，因为 for...of 可以被 break 中断，体现了迭代器与外部控制流的良好协作。

以上就是JS迭代器原理_Symbol.iterator实现的详细内容，更多请关注php中文网其它相关文章！