异步迭代_JS for await of用法-js教程-PHP中文网

异步迭代_JS for await of用法

狼影

发布： 2025-11-20 19:42:05

原创

689人浏览过

异步可迭代对象是实现Symbol.asyncIterator方法并返回Promise的next()的对象，for await...of可同步写法处理其异步循环，适用于流数据、分页请求等场景。

异步迭代_js 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()。

示例：使用异步生成器

PhotoG

PhotoG是全球首个内容营销端对端智能体

121

查看详情

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 函数内），并且迭代的是合法的异步可迭代对象即可。

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