在前端开发中，异步编程是一个常见的问题。在处理异步数据流时，我们经常需要使用迭代器来处理数据流。而在 ECMAScript 2018 中，新增了 async 迭代器，让我们可以更轻松地处理异步数据流。
什么是 async 迭代器？
迭代器是一个对象，它可以让我们遍历某种数据结构中的元素。在 ECMAScript 中，我们可以使用 for...of 循环来遍历数组、字符串、Set、Map 等数据结构中的元素。
而 async 迭代器是一个异步迭代器，它可以让我们遍历异步数据流中的元素。异步数据流可以是网络请求、文件读取、WebSocket 连接等异步操作产生的数据流。
如何使用 async 迭代器？
使用 async 迭代器需要遵循以下步骤：
- 定义一个异步迭代器函数，使用 async function 关键字声明函数，并在函数体内使用 yield 关键字来产生异步数据流中的元素。
async function* asyncGenerator() {
yield 1;
yield 2;
yield 3;
}- 使用 for await...of 循环来遍历异步迭代器中的元素。注意，使用 for...of 循环遍历异步迭代器是不行的，因为异步迭代器返回的是 Promise 对象，而不是元素本身。
(async function() {
for await (let num of asyncGenerator()) {
console.log(num);
}
})();上述代码会输出 1、2、3，表示成功遍历了异步迭代器中的元素。
示例代码
下面是一个示例代码，它使用 async 迭代器来读取一个文件中的数据，并计算文件中所有数字的和。
-- -------------------- ---- -------
----- -- - --------------
----- --------- ------------------ -
----- ---------- - ------------------------------
--- ---- - ---
--------------------- ----- -- -
---- -- ------
---
-------------------- -- -- -
----- ------- - -----------------------------
------------------- -- -
----- ----
---
---
-
------ ---------- -
--- --- - --
--- ----- ---- --- -- --------------------- -
--- -- ----
-
-----------------
-----上述代码中，readFile 函数返回一个异步迭代器，它会读取指定文件中的数据，并将每一行中的数字作为异步数据流的元素产生出来。而在主函数中，我们使用 for await...of 循环来遍历异步数据流中的元素，并计算它们的和。
总结
async 迭代器是 ECMAScript 2018 中新增的一个重要特性，它让我们可以更方便地处理异步数据流。使用 async 迭代器需要遵循一定的规范，但一旦掌握了它的使用方法，它会为我们带来极大的便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f54d942b3ccec22fd72373