生成器是用function*声明的特殊函数,调用返回Generator实例而非直接执行;yield为暂停点,next()触发执行并返回{value, done}对象;它适合分步控制、协程模拟等场景,但不可重置。

生成器不是普通函数,它返回一个可迭代的迭代器对象,而不是直接执行并返回值。
生成器函数怎么定义和调用
必须用 function* 语法声明,调用时不会立即执行函数体,而是返回一个 Generator 实例。
常见错误:写成 function *(星号前有空格)或漏掉 *,会导致语法错误或普通函数行为。
-
function* gen() { yield 1; }✅ 正确声明 -
const g = gen();→ 得到的是迭代器,不是数字1 -
g.next()才真正触发第一次yield,返回{ value: 1, done: false }
yield 的作用和暂停机制
yield 是生成器内部的暂停点,每次调用 next(),执行会从上次暂停处继续,直到下一个 yield 或函数结束。
立即学习“Java免费学习笔记(深入)”;
注意:yield 只能在生成器函数内使用,外部或普通函数里用会报 SyntaxError: Unexpected strict mode reserved word。
-
yield表达式本身有返回值:下一次next(value)传入的参数会成为本次yield表达式的值 - 函数末尾隐式返回
undefined,此时done: true - 可以多次
yield,也可以不yield(此时next()立即返回{ value: undefined, done: true })
生成器的实际用途场景
适合需要分步控制执行、模拟协程、处理异步流程(配合 async / await)、或实现自定义迭代逻辑的场合。
比如实现一个无限斐波那契序列:
function* fib() {
let a = 0, b = 1;
while (true) {
yield a;
[a, b] = [b, a + b];
}
}
const it = fib();
it.next().value; // 0
it.next().value; // 1
it.next().value; // 1
再比如用 yield 暂停异步操作(需配合手动驱动或封装):
- 不能直接
await yield fetch(...),但可以用yield Promise.resolve(...)配合外部循环处理 - 现代更推荐用
async function,生成器在实际项目中已较少直接用于异步控制流 - 仍常用于
redux-saga这类库中做副作用管理
真正容易被忽略的是:生成器一旦执行到 done: true,后续所有 next() 调用都返回 { value: undefined, done: true },且无法重置——它是一次性消耗品。











