JavaScript生成器是什么？它如何控制函数执行？

JavaScript生成器是一种支持暂停与恢复执行的特殊函数，通过function*声明和yield关键字实现精细的手动控制：每次调用next()仅推进到下一个yield点，返回包含value和done属性的对象，从而将执行权交还给调用方；它不仅是异步协作（如配合fetch）、惰性求值和自定义迭代的理想工具，更是JavaScript中轻量级协程思想的直观体现——理解其“按需执行、状态保持”的本质，能帮你写出更清晰、可控且富有表现力的代码。

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 }

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

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。