在 ECMAScript 2018 (ES9) 中，新增了 async generator 和异步 generator 函数，这两个函数能够让我们更加方便地处理异步操作，提高代码的可读性和可维护性。
异步 generator 函数
异步 generator 函数是指可以使用 async 关键字来定义的 generator 函数。它们和普通的 generator 函数非常相似，不同之处在于异步 generator 函数可以在内部使用 await 关键字来等待异步操作完成，从而实现异步迭代器的功能。异步迭代器是指返回的对象具有 Symbol.asyncIterator 方法，可以使用 for await...of 循环来迭代异步操作的结果。
下面是一个简单的示例代码，展示了如何使用异步 generator 函数来实现异步迭代器：
-- -------------------- ---- -------
----- --------- ---------------- -
----- ----- -------------------
----- ----- -------------------
----- ----- -------------------
-
------ ---------- -
--- ----- ------ ----- -- ----------------- -
-------------------
-
-----在上面的代码中，我们定义了一个名为 asyncGenerator 的异步 generator 函数，它会返回一个异步迭代器。在 for await...of 循环中，我们可以使用 value 来依次获取异步操作的结果，并将其输出到控制台上。
async generator 函数
async generator 函数是指可以使用 async 和 function* 关键字来定义的函数。它们和普通的 generator 函数非常相似，不同之处在于 async generator 函数可以在内部使用 await 关键字来等待异步操作完成，从而实现异步生成器的功能。异步生成器是指返回的对象具有 Symbol.asyncIterator 方法和 next 方法，可以使用 for await...of 循环来迭代异步操作的结果，并且可以使用 return 方法来终止异步迭代器的迭代过程。
下面是一个简单的示例代码，展示了如何使用异步 generator 函数来实现异步生成器：
-- -------------------- ---- -------
----- --------- ---------------- -
--- - - --
----- ------ -
----- ----- ---------------------
-
-
------ ---------- -
----- ------------- - -----------------
----------------- ----------------------
----------------- ----------------------
----------------- ----------------------
-----在上面的代码中，我们定义了一个名为 asyncGenerator 的异步 generator 函数，它会返回一个异步生成器。我们可以使用 next 方法来依次获取异步操作的结果，并将其输出到控制台上。
总结
ES9 新增的 async generator 和异步 generator 函数为我们提供了更加方便和灵活的异步编程方式，能够让我们更加容易地处理异步操作，提高代码的可读性和可维护性。在实际开发中，我们可以结合 Promise 和 async/await 等语法来使用这两个函数，从而实现更加高效和优雅的异步编程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66276740c9431a720c405945