JavaScript 中生成器函数怎么实现异步任务调度-js教程-PHP中文网

生成器函数通过yield暂停执行，由调度器手动调用next()并处理Promise，实现“同步写法、异步执行”的流程控制；适用于需细粒度调度、状态机或框架底层场景，非async/await替代品。

javascript 中生成器函数怎么实现异步任务调度

JavaScript 中生成器函数本身不直接处理异步，但配合 next() 手动控制执行、搭配 Promise 和自定义调度器，可以实现清晰的异步任务调度逻辑。核心在于把异步操作“暂停”在 yield 处，由调度器决定何时恢复并传入结果。

用生成器暂停执行，交由调度器驱动

生成器函数返回一个迭代器，每次调用 next() 才执行到下一个 yield。这天然适合分步调度异步任务：

yield 后面可以是 Promise（或任何值），但生成器不自动等待——需要调度器识别并 await 它
调度器拿到 { value, done } 后，若 value 是 Promise，就 await 完再调用 next(result) 把结果送回生成器内部
这样就实现了“写起来像同步，执行按需异步”的效果

手写一个简单调度器（co 风格）

下面是一个轻量级调度器，支持自动处理 Promise 类型的 yield 值：

function run(genFn) {
  const gen = genFn();
<p>function next(data) {
const { value, done } = gen.next(data);
if (done) return value;</p><pre class="brush:php;toolbar:false;">if (value instanceof Promise) {
  return value.then(res => next(res)).catch(err => gen.throw(err));
}

return next(value); // 非 Promise 直接递进

}

return next(); }

使用示例：

js2java

JavaScript 到 Java 全栈翻译助手，专为前端开发者学习 Java 或快速实现后端业务逻辑而设计。当用户提到以下场景时必须使用此技能： - "帮我把这段 JS 代码转成 Java" - "用 Java 怎么写这个逻辑" - "我习惯用 JS 写，想翻译成 Java" - "教我 Java，我要写后端接...

下载

function* fetchFlow() {
  const user = yield fetch('/api/user');
  const posts = yield user.json().then(u => fetch(`/api/posts?uid=${u.id}`));
  return yield posts.json();
}
<p>run(fetchFlow).then(console.log); // 自动串行执行，无回调嵌套</p>