JavaScript生成器是能暂停和恢复执行的特殊函数,通过function声明、yield产出值,调用返回迭代器对象,支持next()推进、for...of遍历及yield委托等高级特性。

JavaScript 生成器(Generator)是一种特殊的函数,能**暂停和恢复执行**,每次调用 next() 方法时返回一个包含 value 和 done 的对象,适合处理异步流程、惰性求值或遍历复杂数据结构。
如何创建生成器函数
在普通函数关键字 function 后加一个星号 *,函数体内使用 yield 暂停执行并产出值:
语法要点:
- 函数声明:
function* myGenerator() { ... } - 函数表达式:
const gen = function*() { ... }; - 箭头函数不支持生成器(无
function*形式) -
yield只能在生成器函数内部使用,不可出现在普通函数或异步函数中
如何使用生成器(调用与迭代)
调用生成器函数不会立即执行,而是返回一个**生成器对象**(实现了迭代器协议),通过反复调用 next() 推进:
立即学习“Java免费学习笔记(深入)”;
基本用法示例:
Avactis是一个强大的PHP在线购物系统拥有多个版本包括开源版本。它具备一个在线购物系统所需要的所有功能从产品到会员管理,订单和营销。可以无限分类和为产品指定任务数量的图片(支持自动生成缩略图)。使用自定义字段功能,让你可以更好地定义一个产品。该系统提供以非常灵活的方式来创建任意类型的促销活动如设置折扣代码,基于价格的折扣或基于数量的折扣等。
function* count() {
yield 1;
yield 2;
yield 3;
}
const it = count(); // 创建迭代器
console.log(it.next()); // { value: 1, done: false }
console.log(it.next()); // { value: 2, done: false }
console.log(it.next()); // { value: 3, done: false }
console.log(it.next()); // { value: undefined, done: true }
也可用 for...of 自动遍历(忽略 done: true 后的值):
for (const n of count()) {
console.log(n); // 依次输出 1, 2, 3
}
生成器的高级能力:传参与委托
next(value) 的参数会作为上一个 yield 表达式的返回值;yield* 可委托另一个可迭代对象(包括其他生成器):
常见技巧:
- 向生成器传入数据:
it.next('hello')→ 上一个yield处得到'hello' - 提前终止:
it.return(value)立即结束并返回{ value, done: true } - 抛出错误:
it.throw(err)在暂停处触发异常,可用于错误处理 - 组合多个生成器:
yield* anotherGenerator()把控制权交给另一个生成器
典型应用场景
生成器不是日常必需,但在特定场景下非常有力:
-
手动控制异步流程:配合
Promise+ 自定义 runner 实现类 async/await 逻辑(现代已较少手写) - 无限序列生成:如斐波那契、素数流,按需计算不占内存
-
状态机建模:每个
yield对应一个状态,next()触发状态迁移 - 替代回调嵌套:将深层回调转为线性代码结构(需配合 Promise 封装)










