异步可迭代对象是实现symbol.asynciterator方法并返回promise的next()的对象，for await...of可同步写法处理其异步循环，适用于流数据、分页请求等场景。
在 JavaScript 中，for await...of 是一种用于异步迭代的语法，专门处理异步生成器（async generators）或返回异步可迭代对象的场景。它让开发者可以用同步的方式编写异步循环代码，特别适合处理流式数据、异步任务队列等。
什么是异步可迭代对象
一个对象如果实现了 Symbol.asyncIterator 方法，并返回一个带有 next() 方法的迭代器，该方法返回 Promise，则这个对象就是异步可迭代的。常见的异步可迭代对象包括：
- 异步生成器函数的返回值
- 某些流（如 Node.js 中的 ReadableStream）
- 自定义实现 Symbol.asyncIterator 的类
for await...of 基本用法
语法如下：
for await (const item of asyncIterable) {
// 处理 item
}
每次迭代都会自动等待 Promise 解析完成，然后将结果赋值给 item。这意味着你不需要手动调用 await 或 .next()。
示例：使用异步生成器
async function* asyncGenerator() {
yield await Promise.resolve(1);
yield await Promise.resolve(2);
yield await Promise.resolve(3);
}
<p>(async () => {
for await (const num of asyncGenerator()) {
console.log(num); // 输出: 1, 2, 3（每次等待 Promise 完成）
}
})();</p>实际应用场景
常见于需要逐步获取异步数据的场景：
- 读取文件流：逐块读取大文件内容
- 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++;
}
}
<p>(async () => {
for await (const userList of fetchUsers()) {
console.log('Got users:', userList);
}
})();</p>基本上就这些。for await...of 简化了对异步序列的处理，让异步循环更直观、更易读。只要确保你在异步上下文中使用（比如 async 函数内），并且迭代的是合法的异步可迭代对象即可。
