在 ES9 中，我们终于可以使用异步 iterator 来处理异步迭代了。这个新特性使得异步迭代更加方便，减少了代码的复杂度，可以让我们更加专注于业务逻辑的处理，而不是关心异步迭代的实现细节。
异步 Iterator 是什么？
在 ES6 中，我们获得了 iterator 的支持，它允许我们遍历一些包含多个元素的数据结构，并且可以通过 next() 方法进行迭代。在 ES9 中，我们可以使用 Symbol.asyncIterator 来定义一些异步的数据结构，并且可以实现 next() 方法返回一个 Promise 对象。
一个最常见的异步数据结构就是异步的生成器函数（async function）。在 ES9 中，我们可以使用 Symbol.asyncIterator 来声明一个异步迭代器，并且使用 for-await-of 循环来进行异步迭代操作：
-- -------------------- ---- -------
----- --------- ------------------ -
----- --
----- --
----- --
-
------ -- -- -
--- ----- ------ ----- -- ------------------- -
-------------------
-
-----需要注意的是，在异步迭代生成器函数时，我们需要使用 for await 来进行遍历，而不能使用 for...of 语句。
示例代码
下面是一个异步的队列，使用异步迭代器进行遍历：
-- -------------------- ---- -------
----- ---------- -
------------- - ---------- - --- -
------------- - ---------------------- -
----- - ------------------------ -
----- ------------------ - --
----- ----- -------------------
-
-
------ -- -- -
----- ----- - --- -------------
----------------------------------------
----------------- --------------- -- ------------------- -------------- -- ----------
----------------------
--- ----- ------ ---- -- ------ -
------------------
-
-----在上面的例子中，我们使用 AsyncQueue 类来模拟一个异步数据队列。我们的队列包含了三个元素：'hello'，一个 1 秒延迟的 Promise，和 done 字符串。我们通过 enqueue 方法来添加元素到队列中。然后我们遍历这个队列，使用 for await of 循环来遍历这个队列。在 AsyncQueue 类中，我们通过 Symbol.asyncIterator 来定义了一个异步迭代器，每次取出队列头部的元素，并且使用 yield await 使其返回一个 Promise 对象。然后我们就可以使用 for await of 循环来进行异步迭代操作了。
总结
ES9 中提供了异步 iterator 来方便我们处理异步迭代操作，并且减少了代码的复杂度。通过定义异步的数据结构，我们可以使用 Symbol.asyncIterator 来声明一个异步迭代器，并且使用 for-await-of 循环来进行遍历。这项新特性的出现，为异步编程中的迭代处理提供了更好的支持。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/654ec4547d4982a6eb7db797