JavaScript 中手写 async/await 怎么利用 Generator 与自动执行器（co）实现-js教程-PHP中文网

async/await的核心思路是用Generator函数模拟异步暂停/恢复，配合自动执行器（如co）驱动：yield交出Promise，执行器通过then递归next传值，实现流程线性化。

javascript 中手写 async/await 怎么利用 generator 与自动执行器（co）实现

手写 async/await 的核心思路，是用 Generator 函数模拟异步暂停/恢复语义，再配合一个自动执行器（类似 co 库）来驱动它一步步执行，遇到 yield 后的 Promise 就自动 then 接续，把异步流程“线性化”。

Generator 是 async/await 的语法骨架

Generator 函数通过 function* 声明，用 yield 暂停执行、返回中间值；调用其 next() 方法可恢复，并传入值继续。这和 await 暂停等待 Promise 完成、解包结果的行为高度相似：

async function foo() { const a = await fetch('/api'); return a.json(); }
等价于 Generator 形式：function* foo() { const a = yield fetch('/api'); return yield a.json(); }

注意：Generator 本身不处理 Promise，yield fetch('/api') 只是把 Promise 对象交出去，真正“等它完成并把结果送回来”，得靠外部执行器。

自动执行器（co 风格）负责调度与递归推进

执行器接收 Generator 函数，调用它得到迭代器，然后反复调用 next()，对每次返回的 { value, done } 做判断：

如果 done === true，说明执行完毕，用 resolve(value) 结束 Promise
如果 value 是 Promise，就 .then(res => next(res)) 把结果送回下一轮 next()
如果 value 不是 Promise（如普通值、null、对象），直接 next(value) 继续
出错时捕获并 reject(err)

关键点在于：执行器自己返回一个 Promise，并在内部用递归（或循环 + Promise 链）实现自动“接棒”。

手写简易 co 执行器示例

以下是一个最小可用版本（支持 Promise、普通值、错误传播）：

Java Api Extractor

从 Java 项目中提取 Controller 层接口定义为 JSON 数据。

下载

function co(genFn) {
  return new Promise((resolve, reject) => {
    const gen = genFn();
<pre class="brush:php;toolbar:false;">function step(nextFn, err, value) {
  try {
    const { value: v, done } = nextFn(err, value);
    if (done) {
      resolve(v);
    } else if (v instanceof Promise) {
      v.then(res => step(gen.next, null, res), err => step(gen.throw, err));
    } else {
      step(gen.next, null, v);
    }
  } catch (e) {
    reject(e);
  }
}

step(gen.next);

}); }

使用方式：

function* fetchData() {
  const res = yield fetch('/api');
  const json = yield res.json();
  return json.data;
}
<p>co(fetchData).then(console.log).catch(console.error);</p>