在 ECMAScript 2018 中，我们迎来了一项非常实用的新特性：异步迭代器。该特性通过新添加的异步迭代协议为 JavaScript 引入了一种新的迭代方式，使得处理异步数据流变得更加简单方便。
异步迭代器介绍
在传统的同步代码中，我们可以通过使用 for...of 循环来迭代集合中的元素：
const arr = ['a', 'b', 'c'];
for (const value of arr) {
console.log(value);
}而在 ECMAScript 2018 中，随着异步编程模型的不断发展，我们也需要一种新的迭代方式来处理异步数据流。异步迭代器正是为了满足这一需求而生。
异步迭代器是一个新的迭代协议，它定义了一种处理异步数据流的方式，并且与同步迭代器的使用方式非常类似。根据异步迭代协议的规定，一个对象如果要成为异步迭代器，就必须满足以下两个条件：
- 实现
Symbol.asyncIterator方法； Symbol.asyncIterator方法返回一个异步迭代器对象，该对象包含了一个next方法，该方法返回一个 Promise。
下面是一个简单的示例代码：
-- -------------------- ---- ------- ----- --------- ---------------- - ----- -- ----- -- ----- -- - ----- --------- - ----------------- ------ ---------- - ----------------- ------------------ -- - ------ -- ----- ----- - ----------------- ------------------ -- - ------ -- ----- ----- - ----------------- ------------------ -- - ------ -- ----- ----- - ----------------- ------------------ -- - ------ ---------- ----- ---- - -----
在上面的代码中，我们定义了一个异步迭代器 asyncGenerator，该迭代器通过 async function* 声明为一个异步生成器函数。该函数使用了 yield 关键字来表示每一次迭代中的返回值，并且在每次调用 next 方法时返回一个 Promise 对象。
接着，我们通过调用 asyncGenerator 函数生成一个异步迭代器对象 asyncIter，并通过 await 关键字来异步地迭代该对象，最终得到每个迭代步骤中的返回值。
异步迭代器用例
异步迭代器虽然是一项新的技术特性，但是在实际的开发工作中，它已经被广泛地应用于 Web 开发、Node.js 服务器开发、数据处理等领域。下面列举了一些典型的使用场景：
处理异步数据流
异步迭代器非常适合用于处理异步数据流。使用异步迭代器可以将异步代码转换为同步风格的代码，使得异步操作更加直观和易于处理。下面是一个通过异步迭代器处理文件读取流的示例：
-- -------------------- ---- -------
------ - ---------------- - ---- -----
----- --------- --------------- -
----- ------ - ---------------------- - --------- ------- ---
--- -------- - ---
--- ----- ------ ----- -- ------- -
----- ----- - --------- - -------------------
-------- - ------------
--- ------ ---- -- ------ -
----- -----
-
-
-- ---------- -
----- ---------
-
-
------ ---------- -
--- ----- ------ ---- -- ---------------------- -
------------------
-
-----在上面的代码中，我们定义了一个异步迭代器 readLines，该迭代器通过文件流逐行读取文件中的内容，并返回每一行的内容。在 for await 循环中调用 readLines 迭代器，通过 await 关键字异步地处理迭代器返回的每一个 Promise 值。
处理异步 API
在使用 Web API、Node.js API 等异步接口中，我们经常需要处理异步数据流，此时异步迭代器也是非常有用的工具。下面是一个使用异步迭代器处理 GitHub API 的示例：
-- -------------------- ---- -------
------ ----- ---- --------
----- --------- ----------------------------- -
--- ---- - --
----- ------ -
----- -------- - ----- ------------------------------------------------------- -
------- - ---- -
---
-- --------------------- --- -- -
------
-
------ --------------
-------
-
-
------ ---------- -
--- ----- ------ ---- -- ----------------------------------- -
-----------------------
-
-----在上面的代码中，我们定义了一个异步迭代器 fetchGitHubRepositories，该迭代器通过 axios 库调用 GitHub API，并在每次迭代中返回一个仓库对象。同时，我们使用 yield* 关键字将 response.data 数组直接迭代输出，从而避免了在迭代器中使用 for 循环处理数据流。
总结
异步迭代器作为 ECMAScript 2018 中的一项新特性，为开发者处理异步数据流提供了非常方便的工具。在实际的开发工作中，我们可以通过异步迭代器优雅地处理文件读取、网络请求等异步操作，使得异步编程变得更加高效和简洁。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64605775968c7c53b020d459