javascript迭代器和生成器是什么_如何自定义可迭代对象？

javaScript中迭代器是含next()方法的对象，返回{value,done}；生成器是简化迭代器创建的函数，用yield声明值。自定义可迭代对象需实现[symbol.iterator]()返回新迭代器，确保惰性求值和多次调用互不干扰。

javascript 中的迭代器（Iterator）和生成器（Generator）是处理序列数据的两种核心机制，它们让对象能被 for...of、解构赋值、扩展运算符（...）等语法自然消费。自定义可迭代对象，关键在于实现一个符合规范的 [Symbol.iterator]() 方法，返回一个迭代器对象。

迭代器是什么？

迭代器是一个具有 next() 方法的对象，每次调用返回形如 { value, done } 的结果：

• value：当前迭代项的值（可以是任意类型）
• done：布尔值，true 表示迭代结束，false 表示还有值

例如手动创建一个简单迭代器：

const counter = {   [Symbol.iterator]() {     let i = 0;     return {       next() {         if (i < 3) {           return { value: i++, done: false };         } else {           return { value: undefined, done: true };         }       }     };   } };  for (const n of counter) console.log(n); // 0, 1, 2

生成器函数：更简洁的迭代器工厂

生成器函数用 function* 声明，内部用 yield 暂停执行并产出值。调用后返回一个生成器对象（它本身就是一个迭代器）：

立即学习“Java免费学习笔记（深入）”；

• 每次 next() 调用恢复执行，直到下一个 yield 或函数结束
• 自动处理 done 和 value，无需手动构造返回对象
• 支持 yield* 委托其他可迭代对象

改写上面的例子：

Notion Sites

Notion 推出的AI网站构建工具，允许用户将 Notion 页面直接发布为完整网站。

246

查看详情

const counter = {   *[Symbol.iterator]() {     yield 0;     yield 1;     yield 2;   } };

如何自定义可迭代对象？

只要对象的 [Symbol.iterator] 方法返回一个有效迭代器，它就是可迭代的。常见方式有：

• 直接在对象字面量中定义 [Symbol.iterator]()（如上例）
• 在类中定义该方法，使实例可迭代
• 复用已有的可迭代结构，比如用 yield* 委托数组或 map

例如让一个类支持遍历其内部数据：

class Countdown {   constructor(n) {     this.n = n;   }   *[Symbol.iterator]() {     for (let i = this.n; i > 0; i--) {       yield i;     }   } }  for (const x of new Countdown(3)) console.log(x); // 3, 2, 1

注意点和常见误区

自定义时需确保迭代器行为符合预期：

• 迭代器应是“惰性求值”的，next() 调用才计算下一个值
• 多次调用 [Symbol.iterator]() 应返回**新迭代器**（否则 for...of 多次使用会互相干扰）
• 一旦 done: true，后续 next() 仍应返回 { value: undefined, done: true }
• 生成器函数中 return 的值会作为最后一次 next() 的 value（但 done 仍为 true）

基本上就这些。不复杂但容易忽略细节，关键是理解 next() 协议和 [Symbol.iterator] 的桥梁作用。

以上就是