如何使用javascript生成器和迭代器？【教程】

生成器和迭代器是实现自定义遍历与惰性求值的核心机制，非语法糖；适用于需交出控制权、处理大数据流或状态机等场景，但不应替代简单循环。

javaScript 生成器和迭代器不是语法糖，而是实现自定义遍历逻辑和惰性求值的核心机制；用错地方反而会让代码更难懂、性能更差。

什么时候该用 function* 而不是普通函数

生成器函数本质是返回一个可暂停执行的 Iterator 对象，只在调用 next() 时才运行到下一个 yield。它适合：需要中途交出控制权的场景（比如异步流程模拟）、数据量大但只需逐个处理（如读取大文件流）、或需多次重入同一逻辑（如状态机）。

• 不要用它替代简单数组循环——for...of 遍历普通数组更快更直观
• yield 后面如果是 promise，不会自动等待；要配合 async function* + for await...of
• 生成器函数内部不能用 return 返回最终值（除非你明确想让 done: true 时带 value）

示例：生成斐波那契序列（无限但惰性）

function* fib() {   let a = 0, b = 1;   yield a;   yield b;   while (true) {     [a, b] = [b, a + b];     yield b;   } } // 取前 5 项 const gen = fib(); console.log([gen.next().value, gen.next().value, gen.next().value, gen.next().value, gen.next().value]); // → [0, 1, 1, 2, 3]

symbol.iterator 方法必须返回对象，且该对象要有 next()

任何对象只要实现了 [Symbol.iterator]() 并返回符合迭代器协议的对象（即含 next() 方法，该方法返回 { value, done }），就能被 for...of、展开运算符、Array.from() 消费。

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

• 返回值必须是对象，不能直接返回原始值或数组
• next() 必须是无参函数（除非你手动传参，但标准协议不支持）
• 如果忘了写 done: true，迭代会无限进行下去

示例：让一个类支持遍历

class Countdown {   constructor(n) {     this.n = n;   }   [Symbol.iterator]() {     let i = this.n;     return {       next() {         if (i > 0) {           return { value: i--, done: false };         }         return { value: undefined, done: true };       }     };   } } // 现在可以这样用 for (const num of new Countdown(3)) console.log(num); // 3, 2, 1

yield* 是委托，不是调用；它把控制权完全交给另一个迭代器

yield* 不会像函数调用那样“返回值”，而是将当前生成器的 next() 请求透传给被委托的迭代器，直到它结束；之后才继续执行后续 yield。它常用于组合多个生成器或复用已有可迭代结构。

• yield* [1, 2, 3] 等价于逐个 yield 1; yield 2; yield 3;
• yield* generatorFn() 会消耗掉那个生成器的全部产出，且无法捕获它的 return 值（除非用 try...finally 或监听 done）
• 如果被委托对象没有 [Symbol.iterator]，会抛 TypeError: x is not iterable

示例：拼接两个生成器输出

function* one() { yield 'a'; yield 'b'; } function* two() { yield 'x'; yield 'y'; } function* both() {   yield* one(); // 先吐 a, b   yield* two(); // 再吐 x, y } [...both()]; // ['a', 'b', 'x', 'y']

真正难的不是写出能跑的生成器，而是判断某段逻辑是否真的需要暂停能力——多数时候，一个 for 循环或 map() 更安全、更易调试。生成器一旦嵌套过深或混用异步，堆栈和错误定位会迅速失控。