生成器函数用 function* 声明,调用返回 Generator 对象,需用 next() 驱动执行;yield 暂停并保留状态,return 或结束时 done: true;常用于惰性求值、无限序列和状态机。

JavaScript 生成器函数不是普通函数,它能中途暂停执行、交出控制权,并在后续调用中恢复——这是实现协程式逻辑、惰性求值和状态机的核心机制。
生成器函数怎么定义和调用
必须用 function* 语法声明,调用后返回一个 Generator 对象,而不是直接执行函数体。这个对象本身不可调用,需通过 next() 方法驱动执行。
常见错误:直接执行 gen() 后试图读取返回值,却忘了它返回的是生成器对象而非最终结果。
-
function* numbers() { yield 1; yield 2; }—— 正确声明 -
const gen = numbers();—— 返回生成器对象,不执行任何yield -
gen.next()—— 第一次调用才开始执行,直到第一个yield或函数结束 - 连续调用
next()会逐步推进,每次返回{ value: ..., done: ... }形式的对象
yield 和 return 的行为差异
yield 暂停并交出值,函数上下文(变量、执行位置)被保留;return(或函数自然结束)则标记 done: true,之后再调用 next() 都只返回 { value: undefined, done: true }。
立即学习“Java免费学习笔记(深入)”;
注意:return 后的值会成为最后一次 next() 的 value,但不会触发后续 yield;而 yield 后可继续执行,包括再 yield 或 return。
function* g() { yield 'a'; return 'done'; }-
g().next()→{ value: 'a', done: false } -
g().next()→{ value: 'done', done: true }(第二次调用即结束) - 无法用
for...of拿到return值,它只遍历yield出的值
生成器常用于哪些实际场景
生成器天然适合需要分步产出、按需计算的场景,比如无限序列、异步流程控制(配合 co 或早期 async 模拟)、以及复杂状态流转。
- 惰性列表:
function* range(start, end) { for (let i = start; i —— 不生成完整数组,内存友好 - 异步迭代:搭配
yield new Promise(...)+ 手动next()驱动(现代更推荐async/await,但理解生成器有助于读老代码) - 遍历树结构:
function* traverse(node) { if (!node) return; yield node.value; yield* traverse(node.left); yield* traverse(node.right); } - 注意:
yield*是委托语法,把另一个生成器的产出“内联”进来,不是调用它
和 async/await 的关系与区别
生成器曾被用来模拟异步流程(如 co 库),但 async 函数是语言级支持,语义更清晰、错误处理更统一、调试更直观。现在除非维护旧项目或做特殊控制流(如自定义调度器),否则不应为异步而选生成器。
-
async函数返回Promise,生成器返回Generator,二者不可互换 -
await只能在async函数中用;yield只能在function*中用 - 生成器可以多次
next()并传入参数(作为上一个yield表达式的值),async没有这种双向通信能力 -
浏览器兼容性上,生成器在 IE 完全不支持,
async/await在较新版本才稳定,但当前已无顾虑
真正容易被忽略的是:生成器对象不是一次性消耗品,它内部保存着完整的执行上下文,包括闭包变量、调用栈位置。这意味着你可以在不同时间点反复 next(),也能把它传给其他函数驱动——这种“可暂停的活对象”特性,是它区别于普通迭代器的关键所在。











