JavaScript异步迭代与for-await-of
异步迭代是JavaScript中处理异步数据流的机制，通过Symbol.asyncIterator返回异步迭代器，配合for await...of语法可依次解析Promise值，适用于流式数据如分页请求或文件读取。
JavaScript 中的异步迭代（asynchronous iteration）是一种处理异步数据流的机制，特别适用于需要逐步获取异步结果的场景。它与 for await...of 语句结合使用，可以更优雅地遍历异步可迭代对象。
什么是异步迭代？
异步迭代是 JavaScript 提供的一种协议，允许我们按需、分步地获取异步产生的值。与传统的同步迭代器不同，异步迭代器的每个值都是通过 Promise 返回的。
一个异步迭代器对象必须实现 Symbol.asyncIterator 方法，并返回一个带有 next() 方法的对象，该方法返回一个 Promise，Promise 的结果格式为 { value: any, done: boolean }。
常见的异步可迭代对象包括：
- 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 分页结果）
- 处理事件流或消息队列中的消息
例
如，模拟分页获取用户数据：
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 和异步生成器，能显著提升处理流式异步数据的能力。
