什么是JavaScript的异步迭代_for-await-of循环如何处理异步数据流？

for-await-of 解决传统 for-of 无法处理异步迭代器的问题，自动等待每个 Promise 完成；用法如 async function* fetchUsers() { for (let i = 1; i

JavaScript 的 for-await-of 循环是专为遍历异步可迭代对象（如异步生成器、实现了 [Symbol.asyncIterator]() 的对象）设计的语法，它让处理异步数据流变得像写同步代码一样简洁自然。

for-await-of 解决什么问题？

传统 for-of 只能消费同步迭代器，遇到返回 Promise 的迭代项（比如逐个读取文件、分页请求 API、监听事件流）时会出错或得不到预期结果。for-await-of 自动等待每个迭代项的 Promise 完成，再进入下一轮循环，避免手动写 await + while 或嵌套 then。

它怎么用？看一个典型例子

假设你有一个异步生成器，模拟按需加载用户列表：

async function* fetchUsers() {
  for (let i = 1; i <= 3; i++) {
    const res = await fetch(`/api/user/${i}`);
    yield await res.json();
  }
}
<p>// 使用 for-await-of 消费
for await (const user of fetchUsers()) {
console.log(user.name); // 自动等待每个 fetch 完成后再打印
}

这里每轮循环都等前一个 yield 的 Promise settle 后才继续，顺序清晰、错误可控。

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

标签： javascript java ai 可迭代对象