JavaScript 中 Async Generator 异步生成器怎么结合 for await...of 处理异步数据流-js教程-PHP中文网

async generator配合for await...of是处理按需拉取、逐段消费异步数据流最自然的方式；用async function*定义，yield promise或普通值，for await自动调用next()并等待promise解析。

javascript 中 async generator 异步生成器怎么结合 for await...of 处理异步数据流

Async Generator（异步生成器）配合 for await...of 是处理**按需拉取、逐段消费的异步数据流**（比如分页接口、实时日志、流式响应）最自然的方式。它让异步迭代像同步循环一样简洁，同时保持非阻塞和内存友好。

异步生成器怎么写？

用 async function* 定义，内部 yield 的可以是 Promise 或普通值；每次 yield 后会暂停，等待消费者调用 next()（for await 会自动处理）。

例如：模拟分页获取用户列表：

async function* fetchUsersPaginated() {
  let page = 1;
  while (true) {
    const res = await fetch(`/api/users?page=${page}`);
    const users = await res.json();
    if (users.length === 0) break;
    for (const user of users) {
      yield user; // 每次只 yield 一个用户，不一次性加载全部
    }
    page++;
  }
}

用 for await...of 消费它

for await...of 专为异步可迭代对象（如 AsyncGenerator）设计。它自动调用 next()，等待每个 yield 返回的 Promise 解析后，再把解析值赋给变量。

js2java

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

下载

继续上面的例子：

(async () => {
  for await (const user of fetchUsersPaginated()) {
    console.log('处理用户:', user.name);
    // 这里可以做异步操作，比如保存到本地、渲染到页面等
    await saveToDB(user);
  }
  console.log('所有用户处理完成');
})();