概述
在 ECMAScript 6 中，迭代器和 for-of 循环带来了一种新的方式来遍历集合。然而，ECMAScript 8 继续引入了异步迭代器和 for-await-of 循环，使得我们可以遍历异步数据和异步函数。
异步迭代器和 for-await-of 循环是针对 JavaScript 异步编程的一个非常实用和强大的工具。它们不仅能够帮助我们遍历异步数据和异步函数，还可以优化代码性能和简化异步编程。
异步迭代器
异步迭代器是一个实现了 Symbol.asyncIterator 方法的对象。这个方法返回一个异步生成器对象，可以用于异步迭代集合中的每个条目。
异步迭代器的使用类似于迭代器，但它支持异步操作，以及通过 yield 关键字来表示异步迭代过程。
-- -------------------- ---- -------
----- -------------- - -
----- ------------------------- -
----- ----- -------------------
----- ----- -------------------
----- ----- -------------------
-
--
------ -- -- -
--- ----- ------ --- -- --------------- -
-----------------
-
-----
-- -------
-- -
-- -
-- -在上面的代码中，我们定义了一个异步生成器对象 asyncGenerator，然后通过 for await 循环遍历该生成器。
注意这里 asyncGenerator 中的 Symbol.asyncIterator 方法是异步函数，它使用 yield 关键字返回异步调用的结果。同时，在 for await 循环内，我们通过 const num 获取了异步方法的返回值，并打印到控制台。
for-await-of 循环
for-await-of 循环是一个针对异步迭代器的 for-of 循环增强版。它通过异步迭代器遍历集合的每个条目，并返回一个 Promise 对象，用于等待所有的异步操作完成。
-- -------------------- ---- -------
----- -------- ----------- -
----- -------------- - -
----- ------------------------- -
----- ----- -------------------
----- ----- -------------------
----- ----- -------------------
-
--
--- ----- ------ --- -- --------------- -
-----------------
-
-
-----------
-------- -- ---------------------
------------ -- --------------------
-- -------
-- -
-- -
-- -
-- -----在上面的代码中，我们定义了一个名为 asyncFunc 的异步函数。在函数内，我们定义了一个异步迭代器 asyncGenerator，然后通过 for await 循环遍历该生成器。
注意，我们在异步函数 asyncFunc 的最后，通过 .then 和 .catch 方法，将其转换为一个 Promise 对象，并处理异步操作可能会抛出的异常。
总结
异步迭代器和 for-await-of 循环是 ECMAScript 8 中非常实用的工具，可以帮助我们更好地处理异步数据和异步函数。它们的主要优点是可以使我们的代码更加简洁和易于理解，同时还可以提高代码的性能和效率。
在实现异步迭代器和 for-await-of 循环时，需要注意使用异步方法和异步函数，以避免可能会带来的错误和异常。同时，我们还可以将异步迭代器和 for-await-of 循环与其他异步编程工具结合使用，例如 async/await 和 Promise 等，以实现更加高效和可读的异步编程方案。
以上是本文对 ECMAScript 8 异步迭代器 & for-await-of 的详细学习和指导，希望对大家有所帮助。更多关于 JavaScript 的学习和资讯，敬请关注 StackOverflow。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b0bc1e48841e9894cd4c6d