JavaScript生成器函数是可中途暂停并恢复执行的特殊函数,通过function声明和yield关键字实现状态冻结与控制权让出,返回迭代器对象供.next()调用,支持双向数据传递及yield委托,适用于分步处理、异步模拟和树遍历等场景。

JavaScript生成器函数是一种可以**中途暂停、后续恢复执行的特殊函数**,核心在于 yield 关键字——它不是返回值后结束,而是“让出控制权”,把当前状态冻结,等下次调用再从暂停处继续。
生成器函数的基本写法
用 function*(星号紧贴 function)声明,内部用 yield 暂停:
- 调用生成器函数不会立即执行,而是返回一个迭代器对象(如
gen()返回Iterator) - 这个迭代器有 .next() 方法,每次调用就运行到下一个 yield 或函数结束
-
.next()返回形如{ value: ..., done: true/false }的对象
yield 如何暂停和传递数据
yield 不仅能产出值,还能接收外部传入的数据(通过下一次 .next(arg) 的参数):
-
yield 123:暂停,向外返回{ value: 123, done: false } - 再次调用
it.next("hello"):函数体内yield表达式的结果就是"hello",继续往下执行 - 如果没传参,
yield表达式的值为undefined
常见使用场景示例
比如模拟异步流程、分步处理大数据、实现状态机:
立即学习“Java免费学习笔记(深入)”;
-
分步计数器:
function* counter() { let i = 0; while(true) yield i++; }—— 每次.next()得一个新数字 -
异步替代写法:配合 Promise + 手动 .next() 控制,可模拟
async/await的暂停逻辑(虽现在少用,但有助于理解协程) -
遍历树结构:用
yield*委托给子生成器,轻松实现惰性扁平化遍历
注意 yield* 委托语法
yield* 不是 yield 加星号,而是“把另一个可迭代对象(如数组、生成器)的每一项逐个 yield 出来”:
-
function* gen1() { yield* [1, 2]; yield 3; }等价于依次 yield 1、2、3 - 它会自动调用被委托对象的
[Symbol.iterator],适合组合多个生成器逻辑
基本上就这些。生成器本质是提供了一种用户态的协作式调度能力,yield 就是主动交出 CPU 的“让步点”。不复杂但容易忽略细节:它暂停的是函数体执行流,不是整个线程,也不阻塞 JS 主线程。











