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)
常见实用场景举例
生成器适合需要分步、按需、可中断的逻辑,比如模拟异步流程、实现状态机、生成无限序列或封装迭代逻辑。
立即学习“Java免费学习笔记(深入)”;
-
惰性列表:生成斐波那契数列,每次调用
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、扩展运算符等











