JavaScript 中 Generator 怎么重构异步回调代码-js教程-PHP中文网

generator 本身不解决异步问题，而是提供暂停/恢复机制，需配合 next() 手动驱动或 promise/thunk 封装实现自动执行；其 yield 可产出 promise 或 thunk，由外部处理异步并传回结果，错误需通过 it.throw() 注入，是 async/await 的前身。

javascript 中 generator 怎么重构异步回调代码

Generator 可以把嵌套的回调函数“拉平”，让异步代码看起来像同步一样写，但需要配合 next() 手动驱动或用工具（比如 co 或 Promise 封装）来自动执行。它本身不解决异步问题，而是提供一种暂停/恢复的机制，关键在于如何把异步操作“塞进” yield 并交由外部处理。

理解 Generator 的暂停特性

Generator 函数返回一个迭代器对象，调用 next() 会执行到下一个 yield 暂停，并把 yield 后面的值作为 value 返回。这个“暂停点”就是插入异步逻辑的位置：

yield 后可以放任何值（包括 Promise、thunk、甚至普通数据），但 Generator 不会自动等待它完成
真正实现“等待”，得靠外部代码拿到这个值后手动 resolve（比如调用 .then()），再用 next(result) 把结果传回去
所以 Generator 是“协程式”的协作调度，不是自动异步等待

用 Promise + 手动 next 实现简单封装

把每个 yield 出来的 Promise then 一下，成功后用 next(value) 继续，失败则 throw 进去：

function run(genFn) {
  const it = genFn();
  function next(val) {
    const { value, done } = it.next(val);
    if (done) return value;
    return value.then(next).catch(err => it.throw(err));
  }
  return next();
}

这样就能用：

Java Maven Secondary Analysis

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

下载

function* fetchUser() {
  const res = yield fetch('/api/user');
  const user = yield res.json();
  console.log(user.name);
}
<p>run(fetchUser); // 自动执行，无需嵌套 .then</p>