Generator与Async/Await对比解析

深入解析JavaScript异步编程：Generator与Async/Await的对比。Generator函数通过`yield`关键字暂停执行，需手动调用`next()`方法驱动，常用于生成值序列和流程控制。而Async/Await作为Promise的语法糖，基于Promise实现，能自动恢复执行，原生支持异步操作，并提供更直观的try/catch错误处理机制，是现代JavaScript异步编程的首选方案。本文将从执行机制、异步能力支持、错误处理方式以及使用场景等方面，详细对比Generator和Async/Await，揭示它们在设计目的、使用方式和底层机制上的本质区别，助你理解这两种异步方案的优劣，并在实际开发中做出更合适的选择。了解Generator与Async/Await的区别，提升你的JavaScript异步编程能力。

Generator函数需手动调用next()驱动，适用于值序列生成与流程控制；Async/Await基于Promise，自动恢复执行，原生支持异步操作，错误处理更直观，是现代异步编程首选。

Generator函数和Async/Await都能暂停执行并处理异步操作，但它们在设计目的、使用方式和底层机制上有本质区别。

1. 执行机制不同

Generator函数通过 yield 暂停执行，需要手动调用迭代器的 next() 方法来恢复。每次 yield 后函数暂停，返回一个 { value, done } 对象。

而 Async/Await 是基于 Promise 的语法糖，函数遇到 await 会暂停，但由 JavaScript 引擎自动恢复执行，不需要外部驱动。

例如：

async function asyncFn() {
  await fetch('/api');
  console.log('请求完成');
}
asyncFn(); // 自动执行，无需手动调 next

2. 异步能力的原生支持程度不同

Generator本身并不知道异步，yield 只是暂停函数。要实现真正的异步流程控制，通常需要配合 co 这类库来自动执行并处理 Promise。

Async/Await 原生支持 Promise，await 后面可以接任何 thenable 对象，引擎会自动等待其 resolve 或 reject，错误也能用 try/catch 捕获。

3. 错误处理方式更直观

Generator中抛出的错误可能需要在迭代器外层捕获，或依赖 co 库的封装机制，流程较复杂。

Async/Await 允许直接使用 try/catch 处理异步异常，写法接近同步代码，可读性和维护性更强。

async function getData() {
  try {
    const res = await fetch('/data');
    return await res.json();
  } catch (err) {
    console.error('请求失败:', err);
  }
}

4. 使用场景定位不同

Generator 更适合用于需要手动控制执行流程、生成值序列、或实现自定义迭代逻辑的场景，比如状态机、惰性求值。

Async/Await 专为异步编程设计，目标是让异步代码看起来像同步代码，减少回调嵌套，提升开发效率。

基本上就这些。虽然 Generator 提供了函数暂停的能力，是 Async/Await 实现的基础之一，但后者才是现代 JS 中处理异步的首选方式。不复杂但容易忽略的是：Generator 是“可中断的函数”，而 Async 函数是“自动等待 Promise 完成的函数”。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《Generator与Async/Await对比解析》文章吧，也可关注golang学习网公众号了解相关技术文章。