前言
在 JavaScript 编程中，异步编程一直是个让人头疼的问题，特别是在处理异步事件序列的时候，通常需要使用一些异步回调、Promise 等方式来处理异步事件。而 ECMAScript 2018 引入的异步迭代器和 for-await 语句则为这一问题提供了一种新的解决方案。本文将深入解析这两个新特性，让你更好的理解和使用它们。
异步迭代器
什么是异步迭代器？
异步迭代器是一个新的迭代器接口，类似于同步迭代器，但是它允许异步数据源和异步消费者之间进行通信，以便异步生成和处理数据。
和同步迭代器一样，异步迭代器接口有一个 Symbol.asyncIterator 属性，该属性返回一个异步迭代器对象。异步迭代器对象应该实现一个 next() 方法，它返回一个 Promise，当 Promise 完成后，它包含一个具有两个属性的对象：一个表示是否已经迭代到迭代器的末尾（一个布尔值）和一个表示当前迭代元素的值。
异步迭代器的示例
下面是一个非常简单的异步迭代器示例。假设我们将一些异步操作的结果作为一个数组存储在迭代器中。用 async 函数返回异步迭代器对象：
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
--- - - --
------ -
----- ------ -
-- -- - -- -
------ - ------ ----- --------------------- ----- ----- --
-
------ - ----- ---- --
--
--
--
--这里我们在 next() 方法中模拟一些异步操作。
异步迭代器的消费方法
异步操作的结果需要被异步消费者使用，我们可以使用 for-await-of 循环语句进一步处理异步迭代器。
(async function () {
for await (const num of asyncIterable) {
console.log(num);
}
})();这段代码打印出来的值分别是 0，1 和 2，我们可以看到使用 for-await-of 循环语句遍历异步迭代器的返回值。
异步迭代器的优点
异步迭代器的主要优点是它们提供了更加灵活的异步数据源和消费者之间的通信。你不用关心异步事件是按照预期处理的还是出现了错误，只需要等待异步执行结果，再把它们传给应用程序的某一部分即可。到异步事件的异步处理完全完成后，异步迭代器会自动返回迭代器对象。
当我们请求大量数据时，异步迭代器能够减少内存使用，因为它们只在需要迭代数据时才会获取相应的数据，而不是像同步迭代器一样先将所有数据加载到内存中。
for-await-of 语句
什么是 for-await-of 语句？
for-await-of 是一个新的语句，可以用于 Symbol.asyncIterator 返回的异步迭代器上，就像 for-of 语句一样，但是它处理异步数据源。for-await-of 它的返回结果是一个异步处理结果对象的数组。异步迭代器通常用于处理异步文件读取、网络请求等异步回调事件。
for-await-of 语句的示例
下面是一个非常简单的使用示例，用一个数组模拟一个异步数据源，使用异步迭代器和 for-await-of 语句进行处理。
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
--- - - --
------ -
----- ------ -
-- -- - -- -
------ - ------ --------------------- ----- ----- --
-
------ - ----- ---- --
--
--
--
--
------ -------- -- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----这里，我们用 Promise 对象替代了异步迭代器中的值。
for-await-of 语句的优点
for-await-of 语句再配合异步迭代器使用时，处理异步数据源非常简单。通常，在处理异步事件序列时，使用异步回调可以导致代码大量嵌套。因此，异步编程有时被视为编写异步事件序列代码的一种不便捷的方式。
for-await-of 语句是一个新的语句，它可以处理异步数据源，消除了使用异步回调和 Promise 的需要，使你可以使用异步迭代器对异步数据源进行更加简洁和易于理解的处理。
总结
ECMAScript 2018 的异步迭代器和 for-await-of 语句为 JavaScript 异步编程带来了很多便利。这两个新特性的作用在于，使得异步数据源和异步消费者之间的通信变得更加灵活，帮助我们更好地处理异步事件序列，从而改善我们的 JavaScript 代码的质量。在实际应用中，我们可以使用异步迭代器和 for-await-of 语句来处理异步文件读取、网络请求等异步操作，从而更好地处理数据流和改善代码质量，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647ae966968c7c53b0684e0e