ES9（ECMAScript 2018）带来了一些新特性，其中一个重要的功能是异步迭代器和生成器函数。这两个特性可以结合使用，让 JavaScript 开发人员更容易地处理异步数据流。
什么是异步迭代器？
传统的迭代器是一种可以遍历集合中所有元素的方法（例如数组或对象），它是同步的。ES6 引入的可迭代协议 Iterator，使得我们可以使用 for/of 循环和其他迭代器方法来遍历任何实现该协议的对象。
异步迭代器则是异步版本的迭代器协议。它允许我们对异步数据流进行迭代，每个值都会在准备好时异步返回。
异步迭代器是一个对象，它实现了以下三个方法：
next()- 返回一个 Promise，它解析为对象，其中包含当前的迭代值。如果 Promise 解析为{ value: someValue, done: false }，表示迭代还未结束；如果 Promise 解析为{ done: true }，表示迭代已结束。return()- 当我们想要停止迭代时调用，返回一个 Promise，该 Promise 解析为迭代的最终值。throw()- 当发生错误时调用。返回一个 Promise，该 Promise 解析为迭代的最终值。
什么是生成器函数？
生成器函数是一种特殊的函数，它可以用来创建迭代器并掌控迭代过程。在函数体中使用关键字 yield 来暂停函数执行，并将一个值作为执行的结果返回。
跟迭代器一样，生成器函数也是实现可迭代协议的一种方法。
如何使用异步迭代器和生成器函数？
异步迭代器和生成器函数结合使用的方式类似于同步迭代器和生成器函数。
下面是一个简单的例子，演示了如何使用异步迭代器和生成器函数来遍历异步数据流：
-- -------------------- ---- -------
----- --------- -------------- -
--- - - --
----- -- - -- -
----- --- --------------- -- ------------------- -------
----- ----
-
-
------ -- -- -
--- ----- ------ ---- -- --------------- -
------------------
-
-----在这个例子中，generateData 函数是一个异步生成器函数。每次迭代执行时，它会在一秒钟后异步返回一个值，直到返回五个值为止。for-await-of 循环用于异步迭代，来处理异步数据流。
总结
异步迭代器和生成器函数为开发人员提供了更好的方法来处理异步数据流。如果你需要迭代异步数据流，这两个特性是很有用的。
注意使用异步迭代器时，我们必须使用 for await...of 语法，而不能使用传统的 for...of 循环。因为异步迭代器返回的值是一个 Promise，我们需要使用 await 关键字来解析它。
除此之外，异步迭代器和生成器函数的用途不在于取代其他异步编程模式，而是作为更多异步处理工具中的一种选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646440da968c7c53b0521404