ES9（ECMAScript 2018）是 JavaScript 的最新版本，其中引入了许多新的功能和语言特性。其中，异步迭代器和异步生成器是两个非常有用的功能，它们可以帮助我们更轻松、更高效地处理异步数据。
异步迭代器
在 ES6 中，我们已经学习了迭代器（Iterator）的概念和用法。迭代器是一种对象，它定义了一个标准的接口，用于遍历数据集合中的所有元素。在 ES9 中，异步迭代器（Async Iterator）则是在此基础上进一步扩展，允许我们遍历异步数据集合中的元素。
异步迭代器的定义方式和普通迭代器类似，只是它的 next() 方法返回的是一个 Promise 对象，用于处理异步操作。例如，下面是一个简单的异步迭代器示例，它可以遍历一个异步数据集合中的所有元素：
-- -------------------- ---- -------
----- --------- ---------------- -
--- - - --
----- -- - -- -
----- --- --------------- -- ------------------- -------
----- ----
-
-
------ ---------- -
--- ----- ------ ----- -- ----------------- -
-------------------
-
-----在上面的代码中，我们定义了一个名为 asyncGenerator() 的异步生成器函数，它使用了 async 和 yield 关键字，分别表示异步操作和返回值。在 asyncGenerator() 函数中，我们使用了一个 while 循环来模拟异步数据集合，每隔 1 秒钟返回一个值（0~4）。
接着，我们使用了 for await...of 语句来遍历异步数据集合中的所有元素。在这个语句中，我们使用了 await 关键字来等待异步操作的结果，并使用 const 关键字定义了一个变量 value，用于保存迭代器返回的值。最后，我们将 value 的值打印到控制台中。
异步生成器
异步生成器（Async Generator）是一种同时支持异步操作和迭代器协议的函数。它可以帮助我们更方便地生成异步数据集合，并且可以通过 yield 关键字来返回异步结果。
异步生成器的定义方式和普通生成器类似，只是它的函数名前需要加上 async 关键字，表示这是一个异步函数。例如，下面是一个简单的异步生成器示例，它可以生成一个异步数据集合：
-- -------------------- ---- -------
----- --------- ---------------- -
--- - - --
----- -- - -- -
----- --- --------------- -- ------------------- -------
----- ----
-
-
------ ---------- -
--- ----- ------ ----- -- ----------------- -
-------------------
-
-----在上面的代码中，我们定义了一个名为 asyncGenerator() 的异步生成器函数，它使用了 async 和 yield 关键字，分别表示异步操作和返回值。在 asyncGenerator() 函数中，我们使用了一个 while 循环来模拟异步数据集合，每隔 1 秒钟返回一个值（0~4）。
接着，我们使用了 for await...of 语句来遍历异步数据集合中的所有元素。在这个语句中，我们使用了 await 关键字来等待异步操作的结果，并使用 const 关键字定义了一个变量 value，用于保存迭代器返回的值。最后，我们将 value 的值打印到控制台中。
总结
异步迭代器和异步生成器是 ES9 中非常有用的功能，它们可以帮助我们更轻松、更高效地处理异步数据。在实际开发中，我们可以使用它们来处理诸如异步请求、流数据等等异步场景。
在学习和使用异步迭代器和异步生成器的过程中，我们需要注意以下几点：
- 异步迭代器的
next()方法返回的是一个 Promise 对象，需要使用await关键字来等待异步操作的结果。 - 异步生成器的函数名前需要加上
async关键字，表示这是一个异步函数。 - 在使用
for await...of语句遍历异步数据集合时，需要使用await关键字来等待异步操作的结果，并使用const关键字定义一个变量来保存迭代器返回的值。
最后，希望本文可以对你了解异步迭代器和异步生成器有所帮助，并且可以在实际开发中灵活运用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65deac8f1886fbafa4bee1f5