迭代器是遵循next()方法返回value和done的对象,生成器函数通过function*和yield提供惰性求值的可迭代序列,适用于无限序列、大数据分批处理等场景。

JavaScript中的生成器函数和迭代器是处理数据序列的重要工具,尤其在需要延迟计算或处理大量数据时非常有用。它们让开发者可以更灵活地控制数据的生成与消费过程。
什么是迭代器(Iterator)
迭代器是一个对象,它定义了一个序列,并可能返回一系列值。迭代器遵循“迭代器协议”:一个对象必须实现 next() 方法,该方法返回一个包含 value 和 done 两个属性的对象。
例如,手动创建一个简单的计数器迭代器:
const counter = {
current: 0,
next() {
this.current += 1;
return {
value: this.current,
done: false
};
}
};
调用几次 counter.next() 会依次返回 { value: 1, done: false }、{ value: 2, done: false } 等。虽然可以手动实现,但这种方式不够通用且缺乏结束机制。
立即学习“Java免费学习笔记(深入)”;
生成器函数(Generator Function)简介
生成器函数是一种特殊函数,使用 function* 定义,并通过 yield 关键字暂停执行。调用生成器函数不会立即运行其内部代码,而是返回一个“生成器对象”,这个对象既是迭代器,也是可迭代对象。
示例:生成一个递增数字序列
function* numberGen() {
let num = 1;
while (true) {
yield num++;
}
}
const gen = numberGen();
gen.next(); // { value: 1, done: false }
gen.next(); // { value: 2, done: false }
每次调用 next(),函数从上次暂停处继续执行,直到遇到下一个 yield。这实现了惰性求值——只在需要时才计算下一个值。
生成器的实际应用场景
生成器特别适合以下几种情况:
- 无限序列:比如斐波那契数列、自然数序列等,可以用生成器按需生成,避免内存溢出。
- 分批处理大数据:读取大文件或数据库记录时,逐条生成结果,而不是一次性加载全部。
- 异步流程控制:结合 yield 和 Promise,可用于简化异步操作(尽管现在已被 async/await 取代)。
- 状态机:利用 yield 暂停不同状态,清晰表达状态流转。
例如,生成斐波那契数列:
function* fibonacci() {
let [prev, curr] = [0, 1];
while (true) {
yield curr;
[prev, curr] = [curr, prev + curr];
}
}
const fib = fibonacci();
fib.next().value; // 1
fib.next().value; // 1
fib.next().value; // 2
可迭代协议与 for...of 循环
如果一个对象实现了 [Symbol.iterator]() 方法并返回迭代器,它就是“可迭代的”。生成器函数返回的生成器对象自动具备这一能力。
这意味着你可以直接在 for...of 中使用生成器:
function* colors() {
yield "red";
yield "green";
yield "blue";
}
for (const color of colors()) {
console.log(color); // 依次输出 red, green, blue
}
数组、字符串、Map 等原生类型都支持可迭代协议,而生成器提供了一种自定义可迭代数据源的方式。
基本上就这些。生成器函数和迭代器让 JavaScript 在处理序列数据时更加高效和优雅。掌握它们有助于写出更清晰、更节省资源的代码。











