异步迭代器是返回promise的next()方法的对象，用于处理异步数据流；通过[symbol.asyncIterator]实现，配合for await…of在async函数中遍历异步序列，适用于分页请求、流数据处理等场景，代码简洁且内存友好。

JavaScript中的异步迭代器（Async Iterator）和 for await…of 循环是处理异步数据流的重要工具，特别适用于按需获取异步生成的数据，比如从网络流、文件读取或事件源中逐步获取内容。

异步迭代器是什么？

异步迭代器是一种遵循异步迭代协议的对象，它提供一个 next() 方法，返回一个 Promise，该 Promise 解析为包含 value 和 done 属性的对象。与普通迭代器不同，异步迭代器的 next() 返回的是 Promise，适合在每一步操作都涉及异步任务的场景。

一个异步迭代器的基本结构如下：

{   next() {     return Promise.resolve({ value: 值, done: 布尔值 });   } } 

要让一个对象成为可异步迭代的，还需实现 [Symbol.asyncIterator] 方法，返回一个具有 next() 的对象。

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

使用 for await…of 遍历异步数据

for await…of 是专门用于遍历异步可迭代对象的语法。它只能在 async 函数内部使用，会自动等待每次迭代的 Promise 解析完成。

例如，定义一个异步生成器函数，逐步返回延迟加载的值：

async function* asyncGenerator() {   yield await new Promise(resolve => setTimeout(() => resolve('第一项'), 1000));   yield await new Promise(resolve => setTimeout(() => resolve('第二项'), 1000));   yield await new Promise(resolve => setTimeout(() => resolve('第三项'), 1000)); } 

使用 for await…of 遍历：

代码小浣熊

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

51

查看详情

(async () => {   for await (const item of asyncGenerator()) {     console.log(item);   } })(); // 输出： // 第一项（1秒后） // 第二项（再1秒后） // 第三项（再1秒后） 

每次循环都会等待当前 Promise 完成，再进入下一次迭代，代码看起来像同步，实际是异步执行。

常见应用场景

异步迭代器非常适合以下情况：

• 读取大型文件流，逐块处理数据
• 处理 websocket 或 SSE 消息流
• 分页拉取远程数据（如 API 分页接口）
• 自定义异步数据源，如传感器读数、日志流等

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

async function* fetchUsers() {   let page = 1;   while (true) {     const response = await fetch(`/api/users?page=${page}`);     const data = await response.JSon();     if (data.length === 0) break;     for (const user of data) {       yield user;     }     page++;   } } <p>// 使用 (async () => { for await (const user of fetchUsers()) { console.log(user.name); } })(); 

这种方式让数据拉取逻辑清晰，且内存友好，避免一次性加载全部数据。

注意事项

使用异步迭代时要注意几点：

• for await…of 只能在 async 函数中使用
• 不能用于普通的数组，除非数组被包装成异步可迭代对象
• 错误处理应使用 try…catch 包裹整个循环或在生成器内部处理
• 注意控制终止条件，避免无限循环

基本上就这些。异步迭代器结合 for await…of 提供了一种优雅的方式处理异步序列，让异步流式编程更直观、更可控。

以上就是JavaScript中的异步迭代器与for-aw