生成器函数通过function*定义，使用yield暂停执行并按需产出值，适合处理大量或无限数据；结合async可创建异步生成器，支持在yield中使用await，实现对异步数据源的惰性求值。通过实现Symbol.asyncIterator接口，对象可被for await...of遍历，适用于分页请求、文件流读取等场景。异步生成器能封装复杂异步流程，如重试机制和数据管道，提升代码可读性和内存效率。需注意done状态判断与错误处理细节。
JavaScript生成器和异步迭代是处理数据流和异步操作的强大工具。生成器函数能暂停执行，按需产出值，而异步迭代则让遍历异步数据源变得自然流畅。两者结合，特别适合处理如网络请求流、文件读取或事件序列这类场景。
生成器函数基础
生成器函数通过 function* 定义，调用后返回一个可迭代的生成器对象。使用 yield 关键字可以暂停函数执行并返回值。
例如：
function* countUp() {
yield 1;
yield 2;
return 3;
}
const gen = countUp();
gen.next(); // { value: 1, done: false }
gen.next(); // { value: 2, done: false }
gen.next(); // { value: 3, done: true }
每次调用 next()，函数继续执行直到遇到下一个 yield 或结束。这种惰性求值特性非常适合处理大量或无限数据。
异步迭代与 for await...of
异步迭代允许你遍历异步生成的值。只要一个对象实现了 [Symbol.asyncIterator] 方法，并返回带有 next() 的对象（该方法返回Promise），就可以被 for await...of 消费。
立即学习“Java免费学习笔记（深入）”；
示例：模拟分页拉取数据
async function* fetchPages(url) {
let page = 1;
while (true) {
const response = await fetch(`${url}?page=${page}`);
const data = await response.json();
if (data.length === 0) break;
yield data;
page++;
}
}
for await (const page of fetchPages('/api/items')) {
console.log(page);
}
这个模式避免了一次加载所有数据，提升性能和内存效率。
生成器与异步结合
你可以创建异步生成器函数 —— 在 function* 前加上 async。这样就能在 yield 中使用 await，同时支持异步迭代。
特点包括：
- 函数体内可使用 await 等待异步操作
- yield 出的值会被包装成 Promise
- 天然支持 for await...of 遍历
这种写法把复杂的异步流程封装得像同步代码一样清晰。
实际应用场景
这类技术适用于以下情况：
- 读取大型文件时逐块处理，避免内存溢出
- 监听 WebSocket 消息流，按需响应
- 实现重试机制：异步生成器可在失败后重试请求并继续产出
- 构建数据处理管道，多个异步步骤串联执行
基本上就这些。掌握生成器和异步迭代，能让代码更优雅地应对流式数据和复杂异步逻辑。不复杂但容易忽略细节，比如 done 状态的判断和错误处理。
