17370845950

JavaScript生成器函数是可暂停和恢复执行的特殊函数，通过function*声明并返回迭代器对象，调用next()方法逐步运行，yield关键字实现暂停、返回值及双向通信，适用于惰性计算、异步流程和自定义迭代等场景。

JavaScript 的生成器函数是一种可以暂停和恢复执行的特殊函数，它通过 yield 关键字把函数拆成多个可中断的执行片段，每次调用 next() 方法时运行到下一个 yield 表达式并返回其值。

生成器函数的基本定义和调用方式

生成器函数使用 function* 语法声明，调用后不立即执行，而是返回一个迭代器对象。这个对象提供 next() 方法来逐步驱动函数运行。

• 函数名前加星号：function* myGenerator() { ... }
• 调用时不执行逻辑：const it = myGenerator();
• 首次调用 it.next() 才开始执行，直到遇到第一个 yield
• 每次 next() 返回形如 { value: ..., done: true|false } 的对象

yield 关键字如何控制执行流程

yield 是生成器函数的暂停点。函数在每个 yield 处暂停，并把右侧表达式的值作为 next() 调用的返回值 value；当再次调用 next() 时，函数从暂停处继续，且上一次 next() 传入的参数会成为当前 yield 表达式的返回值（可用于双向通信）。

• yield 123 → next() 返回 { value: 123, done: false }
• const x = yield 'hello' → 下次 next('world') 会让 x 等于 'world'
• 函数末尾或执行完所有代码后，done 变为 true，value 是函数的返回值（或 undefined）

常见实用场景举例

生成器适合需要分步、按需、可中断的逻辑，比如模拟异步流程、实现状态机、生成无限序列或封装迭代逻辑。

• 惰性列表：生成斐波那契数列，每次调用 next() 得到下一个数，不预先计算全部
• 异步流程控制：配合 co 库或手写 runner，用同步风格写异步逻辑（ES2017 后多被 async/await 替代，但原理相通）
• 自定义迭代器：让对象支持 for...of，只需在 [Symbol.iterator] 中返回生成器函数

注意几个关键细节

生成器函数不能被 new 调用，也不支持箭头函数写法；yield 只能在生成器函数内部使用；一旦生成器进入 done: true 状态，后续所有 next() 调用都返回 { value: undefined, done: true }。

• 不能 return 后再 yield，但可以在 yield 后 return（返回值体现在最后一次 next() 的 value 中）
• yield* 可以委托另一个生成器或可迭代对象，把控制权“转交”过去
• 生成器对象本身是可迭代的，所以能直接用于 for...of、扩展运算符等