17370845950

星号必须紧贴function关键字写作function，不可写在函数名后或单独成词；它声明的是可暂停恢复的迭代器函数，通过yield分段产出值并支持next(value)双向通信。

generator 函数的 * 号到底写在哪儿？

星号 * 属于 function 关键字的一部分，不是函数名前缀，也不是修饰符。写错位置会导致语法错误：function* myGen() 正确；function *myGen()（空格分隔）虽可解析但不推荐；function myGen*() 或 function myGen() * 直接报 SyntaxError: Unexpected token '*'。

为什么用 function* 而不是普通函数？

普通函数执行即运行到底、返回单个值；function* 创建的是一个 **迭代器对象**，调用后不立即执行函数体，只返回一个可逐步驱动的 Generator 实例。核心用途是：手动控制执行暂停与恢复，配合 yield 分段产出值。

• 适合处理大数据流（如逐行读文件、分页拉取 API）、状态机逻辑、协程式异步流程
• 返回的迭代器自带 next() 方法，每次调用触发到下一个 yield 或函数结束
• yield 表达式本身会暂停，并把右侧值作为 { value: ..., done: false } 的 value 返回

yield 和 return 在 generator 里行为差异

yield 是暂停点，后续还能继续；return 是终止信号，之后再调用 next() 都返回 { value: ..., done: true }。注意：generator 函数体内 return 的值也会成为最后一次 next() 的 value，不只是 undefined。

function* count() {
  yield 1;
  yield 2;
  return 'done';
}
const it = count();
it.next(); // { value: 1, done: false }
it.next(); // { value: 2, done: false }
it.next(); // { value: 'done', done: true }
it.next(); // { value: undefined, done: true }（之后全如此）

常见误用：把 generator 当普通异步函数直接 await

generator 本身不是 Promise，不能直接 await。想用 async/await 风格需配合 co 库或手写 runner，或者改用 async function。否则会得到一个未执行的迭代器对象，await 它只是把它

• 错误：const res = await myGenerator(); → res 是 Generator 对象，不是最终值
• 正确做法之一：for await (const val of myGenerator()) { ... }（需 generator 返回可迭代的 Promise）
• 更常见现实选择：优先用 async function，除非你明确需要多次暂停/传参恢复（比如 it.next(value) 向上次 yield 传入数据）

真正容易被忽略的是：generator 的「可恢复性」和「双向通信」能力（通过 next(value) 把值送进上一个 yield 表达式），这点在复杂状态流转中很有用，但多数简单场景下，它比 async 更难调试、更易写错暂停逻辑。