javascript生成器函数是什么_yield关键字如何控制执行流程？-js教程-PHP中文网

javascript生成器函数是什么_yield关键字如何控制执行流程？

夢幻星辰

发布： 2025-12-23 12:42:08

原创

216人浏览过

JavaScript生成器函数用function声明，调用返回生成器对象，通过next()暂停/恢复执行并yield按需产出值，支持传参接收、嵌套逻辑及yield委托复用。

javascript生成器函数是什么_yield关键字如何控制执行流程？

JavaScript 生成器函数是一种特殊函数，它能**暂停和恢复执行**，配合 yield 关键字实现按需产出值，常用于处理惰性序列、异步流程控制或状态机场景。

用 function* 语法声明，调用时不立即执行，而是返回一个生成器对象（Generator Object），该对象具备 next()、return()、throw() 等方法。

yield 不是普通关键字，它是生成器内部的“暂停点”，兼具输出值和接收外部输入的能力：

yield 表达式本身有返回值：下一次调用 next(arg) 时传入的参数，会成为当前 yield 表达式的计算结果（即 yield 左侧变量接收到的值）
yield 可以嵌套在任意逻辑中：比如循环、条件判断、try/catch 内，暂停时机完全由代码结构决定
yield* 可委托另一个生成器：让当前生成器“展开”并逐个产出另一个生成器的值，实现组合复用

看这段代码：

星绘

豆包旗下 AI 写真、P 图、换装和视频生成

429

function* counter() {
  let i = 0;
  while (i < 3) {
    const reset = yield i++;
    if (reset === 'reset') i = 0;
  }
}

登录后复制

执行过程如下：

gen.next() → 执行到 yield i++（此时 i=0），暂停，返回 { value: 0, done: false }
gen.next() → 继续执行 i++（i 变为 1），再 yield，返回 { value: 1, done: false }
gen.next('reset') → i++ 执行后 i=2，但 yield 表达式接收到 'reset'，进入 if 分支，i 重置为 0；下次再 next 就又从 0 开始