迭代器与生成器结合Promise可实现异步流程控制，通过yield暂停函数并逐步执行异步任务，配合执行器自动处理Promise返回值，适用于懒加载和复杂流程控制，是async/await的底层原理。
JavaScript 中的迭代器和生成器函数为处理异步操作提供了强大而优雅的方式。通过结合 生成器函数 与 Promise，我们可以写出更清晰、可读性更强的异步代码，尤其适合需要逐步执行或懒加载数据的场景。
迭代器与生成器基础
在深入异步应用前，先理解基本概念：
• 迭代器（Iterator）是一个对象，包含 next() 方法，返回 { value, done } 结构。• 生成器函数用 function* 定义，调用后返回一个迭代器。
• 使用 yield 可以暂停函数执行，并返回中间值。
例如：
function* simpleGen() {
yield 1;
yield 2;
yield 3;
}
const it = simpleGen();
it.next(); // { value: 1, done: false }
it.next(); // { value: 2, done: false }
生成器 + Promise 实现异步控制
生成器可以配合 Promise 手动控制异步流程。虽然现在普遍使用 async/await，但理解这种模式有助于掌握 JavaScript 异步机制的本质。
立即学习“Java免费学习笔记（深入）”；
手动执行一个包含 Promise 的生成器：
function* asyncGen() {
const user = yield fetch('/api/user');
const posts = yield fetch(`/api/posts?uid=${user.id}`);
return { user, posts };
}
要运行它，需编写一个执行器自动处理 yield 出来的 Promise：
function run(generator) {
const iterator = generator();
function handle(result) {
if (result.done) return result.value;
result.value.then(res => res.json())
.then(data => handle(iterator.next(data)));}
handle(iterator.next());
}
// 使用
run(asyncGen);
这个模式正是早期 co 库和 async/await 的实现原理。
惰性异步数据流处理
生成器适合处理大量或无限的数据流，尤其是远程分页数据。我们可以按需拉取下一页，实现“懒加载”。
function* fetchPages(url) {
let currentUrl = url;
while (currentUrl) {
const response = yield fetch(currentUrl).then(r => r.json());
yield response.data;
currentUrl = response.nextPage;
}
}
使用时逐页获取：
const pageIterator = fetchPages('/api/items');
pageIterator.next().then(({ value }) => {
console.log('第一页:', value);
});
pageIterator.next().then(({ value }) => {
console.log('第二页:', value);
});
这种方式避免一次性加载所有数据，提升性能和内存效率。
与 async/await 的关系
async/await 本质上是生成器 + Promise 自动执行的语法糖。下面两个写法功能等价：
// 使用 async/await
async function getData() {
const a = await fetchA();
const b = await fetchB(a);
return b;
}
// 使用生成器 + 执行器
function* genGet() {
const a = yield fetchA();
const b = yield fetchB(a);
return b;
}
run(genGet); // 需要自定义 run 函数
虽然 async/await 更简洁，但在某些复杂流程控制（如状态机、任务调度）中，生成器仍具优势。
基本上就这些。掌握生成器在异步中的应用，能让你更深入理解 JavaScript 的协程机制和异步编程演进路径。不复杂但容易忽略。
