异步迭代概述
在 ES2015 中，JavaScript 引入了 for...of 循环语句，可以方便地遍历数组、字符串、Map、Set 等可迭代对象。但是，这种循环语句是同步的，只能处理同步的数据结构。
ES2018 中，JavaScript 引入了异步迭代（Async Iteration）的概念，可以处理异步的数据结构，如 Promise、Generator、Async Generator 等。
异步迭代的基本思路是，将迭代过程分为多个异步操作，每次迭代都要等待上一个异步操作完成后才能进行下一次操作。这种迭代方式可以处理大量的数据，而不会阻塞主线程。
异步迭代的实现
异步迭代的实现需要使用 Symbol.asyncIterator，它是一个新的 Symbol 类型，用于定义一个对象的异步迭代器。
异步迭代器是一个对象，它包含一个 next 方法，该方法返回一个 Promise 对象。next 方法的返回值是一个对象，它包含 value 和 done 两个属性，分别表示当前迭代的值和是否迭代完成。
以下是一个异步迭代器的示例代码：
-- -------------------- ---- -------
----- --------------- - -
----- ------------------------- -
----- --------
----- --------
-
--
------ ---------- -
--- ----- ------ - -- ---------------- -
---------------
-
-----上面的代码定义了一个异步可迭代对象 myAsyncIterable，它包含一个异步迭代器 Symbol.asyncIterator，迭代器返回了两个字符串 "hello" 和 "world"。使用 for await...of 循环遍历 myAsyncIterable，可以依次输出两个字符串。
异步迭代的应用
异步迭代可以应用于处理异步操作的场景，如网络请求、文件读取等。以下是一个网络请求的示例代码：
-- -------------------- ---- -------
----- --------- --------------- -
--- ------ --- -- ----- -
----- -------- - ----- -----------
----- ----- ----------------
-
-
------ ---------- -
--- ----- ------ ---- -- -----------
----------------------
----------------------
---------------------
--- -
------------------
-
-----上面的代码定义了一个异步生成器函数 fetchUrls，它接受一个 URL 数组，依次发送网络请求，返回响应文本。使用 for await...of 循环遍历 fetchUrls，可以依次输出三个 URL 的响应文本。
总结
异步迭代是 ES2018 的新特性，它可以处理异步的数据结构，如 Promise、Generator、Async Generator 等。异步迭代的实现需要使用 Symbol.asyncIterator，它是一个新的 Symbol 类型，用于定义一个对象的异步迭代器。异步迭代可以应用于处理异步操作的场景，如网络请求、文件读取等。
参考文献
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/661333d7d10417a222394d31