异步迭代器的概念
在 ES6 中，引入了原生的迭代器（Iterator）的概念。通过迭代器，我们可以实现自定义的迭代操作。而在 ECMAScript 2019 中，又引入了异步迭代器（Async Iterator）的概念。异步迭代器是一种实现了异步迭代操作的数据集合。
简而言之，异步迭代器就是一种需要等待异步请求返回结果后，才能进行下一步迭代的迭代器。
异步迭代器的用途
异步迭代器最常见的应用场景在于对于异步数据的处理。比如，当我们需要从一个大型数据库中取出一组非常大的数据时，可能需要对这个数据集进行异步操作，以免出现卡顿。
异步迭代器的实现方式
异步迭代器的实现方式与普通迭代器十分相似。不过，它需要返回一个 Promise 对象，而不是普通的值。
我们可以通过使用 Symbol.asyncIterator 来定义一个异步迭代器。其中，这个 Symbol.asyncIterator 与 Symbol.iterator 的作用是相似的。
-- -------------------- ---- -------
----- --------------- -
------------------ -
---------- - ------
-
----- ------------------------- -
--- ---- ---- -- ----------- -
----- ----- ----------------------
-
-
-
----- ---------- - --- ------------------- -- ----
------ ---------- -
--- ----- ---- ---- -- ----------- -
------------------
-
-----在上述代码中，我们定义了一个名为 MyAsyncIterator 的类，用于生成一个异步迭代器。这个类的构造函数接收一个 items 参数，用于初始化迭代器的数据集合。而在 *Symbol.asyncIterator 方法中，我们使用了 for...of 循环语句，将原有的数据集合处理成了一个 Promise 对象进行返回。这里使用了 async 和 await 关键字，用于保证异步请求返回之后才会进行下一步的迭代。在迭代时，我们使用了 for await...of 语句，用于迭代这个异步的迭代器。
总结
异步迭代器是 ECMAScript 2019 新增的一个重要特性，用于处理异步数据集合的数据进行处理。我们可以通过 Symbol.asyncIterator 来定义一个异步迭代器，从而实现对于异步数据的处理。实际应用中，异步迭代器可以应用于对于大型的数据库进行异步处理，以免出现卡顿等问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648330ab48841e98942a7abb