JavaScript ES9 (2018) 带来了许多新特性，其中一个重要的特性是异步迭代器（Asynchronous Iterators）。这个新特性使得 JavaScript 更加适合处理异步数据流，特别是在处理大规模数据集合时，异步迭代器可以大大提高代码的可读性和性能。
异步迭代器简介
在 ES6 中，我们引入了迭代器（Iterators）和生成器（Generators）的概念，这些概念可以让我们更方便地处理数据集合。例如，我们可以使用 for-of 循环遍历数组或者 Map 对象，而不需要显式地访问数组的索引或者 Map 对象的键值。
异步迭代器是在此基础上进一步发展的，它可以让我们异步地遍历数据集合。在异步编程中，数据集合通常是以异步方式生成的，例如通过网络请求获取的数据或者通过异步生成器生成的数据。异步迭代器为我们提供了一种方便的方式来处理这些异步数据流。
异步迭代器是一个对象，它可以通过 Symbol.asyncIterator 属性来访问。该属性返回一个异步迭代器对象，该对象具有 next 方法，该方法返回一个 Promise 对象。每次调用 next 方法时，异步迭代器会异步地返回一个包含当前迭代结果的 Promise 对象，该对象的值是一个包含 value 和 done 两个属性的对象。value 属性包含了当前迭代结果，done 属性表示迭代是否已经结束。
异步迭代器的使用
让我们来看一个例子，假设我们有一个异步生成器函数，它每隔一秒钟返回一个随机数。我们可以使用异步迭代器来异步地遍历这些随机数。
----- --------- --------------- -
----- ------ -
----- --- --------------- -- -
------------- -- -
-----------------------
-- ------
---
-
-
----- -------- ------ -
----- -------- - ----------------
--- ----- - --
--- ----- ------ ------ -- --------- -
--------------------
--------
-- ------ --- -- -
------
-
-
-
-------在上述代码中，我们定义了一个异步生成器函数 randomNumbers，它每隔一秒钟返回一个 Promise 对象，该对象的值是一个随机数。我们使用 for-await-of 循环来异步地遍历这些随机数，当遍历了 5 个随机数时跳出循环。
异步迭代器的实现
异步迭代器的实现需要遵循以下步骤：
- 定义一个异步迭代器对象，并实现 Symbol.asyncIterator 方法，该方法返回一个异步迭代器对象；
- 异步迭代器对象需要实现 next 方法，该方法返回一个 Promise 对象；
- 每次调用 next 方法时，异步迭代器需要异步地计算下一个迭代结果，并将结果封装在一个 Promise 对象中返回。
下面是一个简单的异步迭代器的实现示例，该迭代器可以异步地遍历一个数组：
----- ------------------ -
------------------ -
---------- - ------
---------- - --
-
----- ------ -
-- ----------- - ------------------ -
----- ----- - ----- ----------------------------------------
-------------
------ - ------ ----- ----- --
- ---- -
------ - ----- ---- --
-
-
------------------------ -
------ -----
-
-
----- -------- ------ -
----- ----- - --- -- -- -- ---
----- -------- - --- --------------------------
--- ----- ------ ----- -- --------- -
-------------------
-
-
-------在上述代码中，我们定义了一个 AsyncArrayIterator 类，该类实现了异步迭代器的所有必要方法。我们使用 for-await-of 循环来异步地遍历一个数组，使用 AsyncArrayIterator 来实现异步迭代器的功能。
总结
异步迭代器是一个重要的 JavaScript ES9 (2018) 特性，它可以让我们更方便地处理异步数据流。异步迭代器的基本用法和实现方法都很简单，但是在实际的异步编程中，我们需要深入理解异步迭代器的工作原理，并结合其他异步编程技术来处理复杂的异步数据流。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65daf52a1886fbafa480fec1