JavaScript 中 Generator 怎么实现类似于 async 的异步语法糖-js教程-PHP中文网

generator本身不是异步执行的，但可通过yield暂停、promise包装和外部runner驱动实现类似async/await的效果；需手动调度next()、处理promise resolve/reject，且存在调试难、无隐式promise、不支持任意函数yield等限制。

javascript 中 generator 怎么实现类似于 async 的异步语法糖

Generator 本身不是异步执行的，但它能配合 Promise 和手动调度（比如 next() 调用）模拟 async/await 的写法。核心思路是：用 yield 暂停执行，把异步操作包装成 Promise，再由外部运行器（runner）接管控制流，等 Promise 完成后自动调用 next(value) 继续。

Generator + Promise 构建类 async 函数

关键在于把 yield 后的值当作待 resolve 的 Promise 处理。例如：

普通 Generator：

function* fetchUser() {
  const user = yield fetch('/api/user'); // 这里 yield 出一个 Promise
  console.log(user);
}

但直接调用不会自动等待 Promise，需要一个 runner 来驱动它：

function run(genFn) {
  const gen = genFn();
  function next(data) {
    const { value, done } = gen.next(data);
    if (done) return value;
    return Promise.resolve(value).then(next);
  }
  return next();
}

这样调用 run(fetchUser) 就能顺序等待 fetch 结果。