17370845950

JavaScript生成器是能暂停和恢复执行的特殊函数，用function*声明并配合yield控制节奏，每次next()返回{value, done}对象，实现手动执行控制与异步协作。

JavaScript 的生成器（Generator）是一种特殊函数，它能暂停和恢复执行，让你手动控制函数的运行节奏。它不一次性跑完，而是在每次调用 next() 时“走一步”，返回一个结果后就停下来，等下次再唤起。

生成器函数怎么写？

用 function* 声明，内部用 yield 标记暂停点：

• yield 后面的表达式值，就是本次 next() 返回的 value
• 遇到 yield 就暂停，函数状态（变量、执行位置）被保留
• 再次调用 next()，从上次暂停处继续，直到下一个 yield 或函数结束

yield 和 next() 是怎么配合的？

每次调用生成器函数，返回的是一个迭代器对象，不是直接执行结果：

• 第一次 next()：从头开始执行，到第一个 yield 暂停，返回 { value: ..., done: false }
• 后续 next(arg)：把 arg 当作上一个 yield 表达式的返回值，继续往下跑
• 函数自然结束或遇到 return，done 变为 true，value 是返回值（或 undefined）

它为什么能“控制执行”？

关键在于执行权交到了调用方手上：

• 函数不再由 JS 引擎自动推进，而是由你决定什么时候走下一步
• 可以穿插异步操作，比如 yield fetch(...)，等请求回来再 next()
• 配合 for...of 或展开运算符（[...gen()]）自动遍历，也支持手动控制节奏

一个简单例子

function* countdown(n) {
  while (n > 0) {
    yield n;
    n--;
  }
}

const it = countdown(3);
it.next(); // { value: 3, done: false }
it.next(); // { value: 2, done: false }
it.next(); // { value: 1, done: false }
it.next(); // { value: undefined, done: true }

基本上就这些。生成器不是语法糖，它背后是协程思想的轻量实现——不复杂但容易忽略它的暂停/恢复本质。