JavaScript中的Generator函数与Async/Await在处理异步时有何本质区别？

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

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

1. 执行机制不同

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

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

例如：

立即学习“Java免费学习笔记（深入）”；

function* gen() {
  yield 1;
  yield 2;
}
const g = gen();
g.next(); // { value: 1, done: false }
g.next(); // { value: 2, done: false }

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 完成的函数”。