在 JavaScript 编程中，异步编程是一个重要的话题。在一些场景下，如网络请求、定时任务等，异步操作是不可避免的。ES6 引入的 Promise 已经一定程度上解决了异步编程的问题，但是当面对处理异步集合数据时，Promise 还是显得不够优雅。ES9 引入了异步迭代器(async iterator)的概念，极大地改善了处理异步集合数据的方式。本文将深入介绍 ES9 中的异步迭代器。
异步迭代器的定义及应用场景
在 JavaScript 中，迭代器(iterator)是一种对象，用于提供一种方式，按照特定的顺序访问集合中的元素，而不用暴露该集合内部的细节。ES6 中引入的迭代器只适用于同步遍历数据。
异步迭代器则是一种可以在异步场景下使用的集合遍历方式。异步迭代器除了返回单个值外，还可以返回一个 promise，该 promise 将在集合中的下一个值准备好时被 resolve。异步迭代器将会在异步操作完成时执行回调函数，从而实现异步操作的处理。
异步迭代器的应用场景非常广泛，包括但不限于从远程 API 中获取大量数据、实时通信以及大规模数据分析等。
异步迭代器的基本语法
ES9 中添加了一个新的语法 asyncIterator 允许我们创建异步迭代器对象。异步迭代器对象必须包含一个 next 方法，该方法返回一个 promise。该 promise 将在下一个元素准备好的时候被 resolve。如果集合已经被迭代完成，则该 promise 将 resolve 并返回一个 { value: undefined, done: true } 的对象。
下面是一个简单的异步迭代器示例，以获取一个远程 API 中的数据：
-- -------------------- ---- -------
----- --- - ---------------------------------------------
----- --------- ------------ -
----- -------- - ----- -----------
----- ----- - ----- ----------------
--- ---- ---- -- ------ -
----- -----
-
-
----- -------- ------------ -
--- ----- ---- ---- -- ------------- -
------------------------
-
-
-------------上面的代码中，我们首先定义了一个异步迭代器 fetchTodos，该迭代器使用 yield 关键字来逐个返回远程 API 中的数据。接着，我们在一个 printTodos() 函数中使用 for await...of 语句遍历异步迭代器并打印每个元素的 title 属性。
值得注意的是，在 fetchTodos 中我们使用了 await 关键字，使得异步代码看起来非常类似于同步代码。这是 ES9 中新引入的一个语法，称为异步生成器(async generator)。
组合异步迭代器
异步编程中一般需要用到复合函数，而异步迭代器也可以看作是函数，因此我们可以使用复合的方式来组合多个异步迭代器。我们可以用 async function* 接收多个异步迭代器，然后使用 yield* 将其组合起来。
下面是一个简单的「打印一个 Fibonacci 数列」的异步迭代器示例：
-- -------------------- ---- -------
----- --------- ----------- -
--- ------- - -- ---- - --
----- ------ -
----- --------
--------- ----- - ------ ------- - -----
-
-
----- --------- ------- --------- -
--- ----- - --
--- ----- ---- ---- -- --------- -
-- -------- -- -- -------
----- -----
-
-
----- -------- ---------------- -
--- ----- ---- ---- -- -------- ------------- -
------------------
-
-
-----------------在该示例中，我们首先定义了一个「Fibonacci 数列」的异步迭代器 fibonacci。接着，我们又定义了一个 take 异步迭代器，该迭代器接收一个正整数 n，一个迭代器 iterable，每次迭代返回 iterable 的下一个元素。当迭代器 index 大于等于 n 时，我们返回执行。最后，在 printFibonacci() 中我们使用 take 将 fibonacci 处理成长度为 10 的数列，并打印输出每个元素。
总结
本文介绍了 ES9 中的异步迭代器，该语法的引入使得在处理异步集合数据时能够更为优雅地编写代码。异步迭代器仅仅是 ES9 中异步编程语言特性的一部分。 在实现具有复杂的异步逻辑的应用程序时，ES9 中的异步函数、异步生成器等语法也会大有裨益。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647c36c5968c7c53b0758aca