JavaScript 中 async/await 怎么替代传统的 Generator-js教程-PHP中文网

async/await是generator+promise的语法糖，由引擎原生支持，无需手动执行器；async函数返回promise，await自动等待其完成，错误用try/catch统一处理，而generator需配合co等执行器及next()调用。

javascript 中 async/await 怎么替代传统的 generator

async/await 是 JavaScript 中用于处理异步操作的现代语法，它本质上是 Generator + Promise 的语法糖封装，但比手动使用 function* 和 yield 更简洁、更易读、更贴近同步逻辑。它不是“替代 Generator”的工具，而是让异步流程控制更自然的演进方案。

核心差异：async/await 消除了手动执行器

Generator 本身不执行异步逻辑，它只暂停/恢复执行；真正驱动它运行（比如自动调用 next()、处理 Promise）需要额外写一个“执行器”（如 co 库或自定义 runner）。而 async/await 由引擎原生支持，无需手动调度：

一个 async function 返回 Promise，调用即启动，await 自动等待 Promise resolve/reject
不需要 function*、yield、next()、throw() 等底层机制
错误统一用 try/catch 捕获，不用监听 Promise 的 catch 或执行器的 reject 回调

等价写法对比：从 Generator 到 async/await

假设要依次请求三个接口并拼接结果：

// Generator + co（旧方式）

const co = require('co');
function* fetchUserData() {
  const user = yield fetch('/api/user');
  const posts = yield fetch(`/api/posts?uid=${user.id}`);
  const profile = yield fetch(`/api/profile?uid=${user.id}`);
  return { user, posts, profile };
}
co(fetchUserData).then(console.log);

// async/await（推荐方式）

Java Maven Secondary Analysis

分析ZIP压缩包或GitLab仓库中的Java Maven项目，确定二次开发范围、类数量、模块分布及生产相关指标。

下载

async function fetchUserData() {
  const user = await fetch('/api/user');
  const posts = await fetch(`/api/posts?uid=${user.id}`);
  const profile = await fetch(`/api/profile?uid=${user.id}`);
  return { user, posts, profile };
}
fetchUserData().then(console.log);

两者语义一致，但后者没有额外依赖、无执行器、可直接在浏览器和 Node.js 中运行。