JavaScript中Generator是什么？如何控制执行流程？

Generator 是 JavaScript 中一种具备暂停与恢复执行能力的特殊函数，通过 `function*` 语法和 `yield` 关键字实现，调用后返回可手动控制的 Generator 对象；它并非直接处理异步，而是以同步状态机的方式将复杂流程拆解为清晰、可观察、可干预的步骤，借助 `next()` 推进、`throw()` 抛错、`return()` 强制终止来精细操控执行流——虽已被 `async/await` 简化取代，但其底层机制仍是理解现代异步编译原理、协程设计及状态机开发的关键基石。

Generator 是什么：带暂停/恢复能力的函数

Generator 不是普通函数，它能中途暂停执行，并在后续调用时从暂停处继续。这种能力靠 function* 语法和 yield 关键字实现。调用 Generator 函数不会立即执行，而是返回一个 Generator 对象——它才是控制流程的入口。

如何手动控制执行：靠 next() 驱动

next() 是 Generator 对象最核心的方法。每次调用，它会恢复执行直到下一个 yield（或函数结束），并返回一个形如 { value: ..., done: true|false } 的对象。

• value 是 yield 后面表达式的值（或 return 的值）
• done 为 true 表示已彻底执行完毕
• 首次调用 next() 时传入的参数会被忽略（因为还没走到第一个 yield）
• 后续调用 next(value) 中的 value 会成为上一个 yield 表达式的返回值

function* counter() {
  let a = yield 1;
  console.log(a); // 'hello'
  let b = yield 2;
  return b + 10;
}
<p>const gen = counter();
console.log(gen.next());      // { value: 1, done: false }
console.log(gen.next('hello')); // { value: 2, done: false }
console.log(gen.next(5));     // { value: 15, done: true }</p>

除了 next()，还有 throw() 和 return()

Generator 支持三种主动终止方式，对应不同语义：

• gen.throw(error)：在暂停位置抛出错误，可被内部 try...catch 捕获；若未捕获，则 Generator 立即结束（done: true）
• gen.return(value)：强制结束 Generator，返回 { value: value, done: true }；跳过后续所有 yield
• gen.next() 是唯一能推进执行的常规方式；throw 和 return 都会中断流程

注意：return() 不会触发 finally 块（如果 Generator 内有 try...finally），而 throw() 会——这点容易被忽略。

Generator 和异步逻辑的关系：它本身不处理异步，但为 async/await 奠定基础

Generator 本身是同步的，yield 不会自动等待 Promise。要让它“等”异步操作，必须配合外部运行器（比如 co 库）或手写逻辑来递归调用 next()。

• 常见误区：以为 yield fetch('/api') 就能自动 await，实际它只是把 Promise 当普通值返回了
• 真正让 Generator 支持异步，得靠额外封装：检查 value 是否为 Promise，是则 .then(() => next())
• 现代 JS 中，async/await 已取代该模式；但理解 Generator 的执行模型，对读懂 async 编译产物或调试状态机逻辑仍有帮助

Generator 的本质是状态机接口，它的价值不在“多酷”，而在把复杂控制流显式拆解成可观察、可干预的步骤——这点在实现协程、遍历器、测试桩或有限状态机时依然关键。

好了，本文到此结束，带大家了解了《JavaScript中Generator是什么？如何控制执行流程？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！