JavaScript异步迭代与for-await-of-js教程-PHP中文网

JavaScript异步迭代与for-await-of

幻影之瞳

发布： 2025-10-24 20:58:02

原创

328人浏览过

异步迭代是JavaScript中处理异步数据流的机制，通过Symbol.asyncIterator返回异步迭代器，配合for await...of语法可依次解析Promise值，适用于流式数据如分页请求或文件读取。

javascript异步迭代与for-await-of

JavaScript 中的异步迭代（asynchronous iteration）是一种处理异步数据流的机制，特别适用于需要逐步获取异步结果的场景。它与 for await...of 语句结合使用，可以更优雅地遍历异步可迭代对象。

什么是异步迭代？

异步迭代是 JavaScript 提供的一种协议，允许我们按需、分步地获取异步产生的值。与传统的同步迭代器不同，异步迭代器的每个值都是通过 Promise 返回的。

一个异步迭代器对象必须实现 Symbol.asyncIterator 方法，并返回一个带有 next() 方法的对象，该方法返回一个 Promise，Promise 的结果格式为 { value: any, done: boolean }。

常见的异步可迭代对象包括：

立即学习“Java免费学习笔记（深入）”；

Node.js 中的可读流（Readable Streams）
自定义的异步数据生成器
某些 API 返回的异步集合（如数据库游标）

for await...of 语法详解

for await...of 是专门用于遍历异步可迭代对象的循环语法。它只能在 async 函数内部使用。

每次迭代会自动等待当前 Promise 解析完成，然后再继续下一次迭代，代码看起来像同步，实际是异步执行。

代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

查看详情

基本语法：

for await (const item of asyncIterable) {
console.log(item);
}

示例：使用异步生成器创建异步可迭代对象

async function* asyncGenerator() {
  yield await Promise.resolve(1);
  yield await Promise.resolve(2);
  yield await Promise.resolve(3);
}

(async () => {
  for await (const num of asyncGenerator()) {
    console.log(num); // 输出 1, 2, 3
  }
)();

实际应用场景

异步迭代非常适合处理以下类型的数据源：

逐行读取大文件（配合流）
从网络分页拉取数据（如 API 分页结果）
处理事件流或消息队列中的消息

例如，模拟分页获取用户数据：

async function* fetchUsers() {
  let page = 1;
  while (true) {
    const response = await fetch(`/api/users?page=${page}`);
    const users = await response.json();
    if (users.length === 0) break;
    yield * users;
    page++;
  }
}

(async () => {
  for await (const user of fetchUsers()) {
    console.log(user.name);
  }
)();

基本上就这些。异步迭代让处理异步序列变得更直观，避免了复杂的回调或链式 Promise 操作。掌握 for await...of 和异步生成器，能显著提升处理流式异步数据的能力。

以上就是JavaScript异步迭代与for-await-of的详细内容，更多请关注php中文网其它相关文章！