JavaScript 生成器函数 (Generator)：yield 表达式如何控制异步流？-js教程-PHP中文网

javascript生成器函数通过yield暂停执行并交出控制权，配合外部运行器实现异步流程控制；yield本身不等待promise，而是由调用方决定如何处理返回的promise，并在结果就绪后恢复生成器。

javascript 生成器函数 (generator)：yield 表达式如何控制异步流？

JavaScript 生成器函数本身不直接处理异步，但通过 yield 暂停执行、交出控制权的机制，配合外部运行器（如 co、redux-saga 或手动编排），可以优雅地组织异步逻辑流。关键不是 yield 自己“执行”异步操作，而是它让“等待异步结果”的过程变得可中断、可恢复、可序列化。

yield 是暂停点，不是 await

yield 不会自动等待 Promise，它只是把当前值（比如一个 Promise）交给调用者，然后暂停生成器。是否等待、如何等待，由调用方决定：

你 yield fetch('/api/data')，生成器立刻暂停，返回一个包含 value: Promise 的对象；
调用方（如自定义运行器）拿到这个 Promise 后，可以选择 .then()、await 或丢进队列；
等 Promise settle 后，再调用 next(result) 恢复生成器，并把结果传入作为 yield 表达式的返回值。

手动实现一个简易异步运行器

理解原理最直接的方式是写一个几行的 run 函数：

function run(genFn) {
  const gen = genFn();
  function next(data) {
    const { value, done } = gen.next(data);
    if (done) return value;
    if (value instanceof Promise) {
      return value.then(next).catch(err => gen.throw(err));
    }
    return next(value);
  }
  return next();
}

这样就能用生成器写“类同步”异步代码：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

function* fetchData() {
  const res = yield fetch('/api/user');
  const user = yield res.json();
  yield console.log(user.name);
}
run(fetchData); // 自动 await 每个 yield 出来的 Promise

yield 在状态机与数据流中的实际价值

在复杂异步场景中，yield 的真正优势在于显式建模控制流与副作用边界：

每个 yield 是一个确定的“决策点”或“副作用出口”，便于拦截、测试、重放（如时间旅行调试）；
在 redux-saga 中，yield call(api.login) 不执行调用，只描述“我要调用”，saga 中间件统一调度并注入 mock 响应；
可组合：多个生成器可通过 yield* otherGenerator() 委托，形成清晰的异步任务分层。