随着异步编程的广泛使用，Async Generator 成为 ECMAScript 2020 中最重要的新特性之一。 Async Generator 能够让你轻松地在异步上下文中工作，并支持多个异步操作同时进行。
什么是 Async Generator？
在 ECMAScript 2018 中，javascript 引入了 Generator 作为函数的一种新型态。Generator 函数在执行时，通过 yield 关键字将代码执行权交出，并随时保留函数的执行上下文，从而支持协程和异步操作。而 Async Generator 则是在 Generator 的基础上，支持异步操作的 Generator。
Async Generator 函数是使用 async function* 关键字定义的，这个函数会返回一个异步迭代器对象。异步迭代器对象有一个名为 next() 的方法，能够异步地返回下一个可用的值。
以下是一个简单的 Async Generator 函数的定义：
----- --------- ----------------------- - ----- ----- ------------------- ----- ----- ------------------- ----- ----- ------------------- -
在上面的例子中，我们定义了一个 Async Generator 函数，它会返回一个异步迭代器对象。它会按顺序产生值 1、2 和 3，每个值都是使用 Promise 进行异步处理的。
调用 exampleAsyncGenerator() 会立即返回一个异步迭代器对象，我们可以使用 for-await-of 循环读取异步迭代器对象中的值。以下是如何使用for-await-of 循环读取我们的 Async Generator 的例子：
----- -------- ------ -
--- ----- ------ ----- -- ------------------------ -
-------------------
-
-打印输出如下：
- - -
在上面的例子中，我们使用 for-await-of 循环读取了 Async Generator 函数中产生的每个值：1、2 和 3。
为什么要使用 Async Generator？
Async Generator 可以帮助我们避免回调地狱和异步并发的问题。当我们需要在异步上下文中进行多个异步操作时，Async Generator 函数可以很好地支持我们。
Async Generator 还可以在异步生成器中处理异常。例如，我们可以在 Async Generator 函数中使用 try-catch 块来捕获异步错误：
----- --------- ----------------------- -
--- -
----- ----- -------------------
----- ----- ------------------ ----------------
----- ----- -------------------
- ----- ------- -
--------------------- ------- -- -- ------- ------ ------
-
-在上面的例子中，第二个 yield 会以 reject 的形式抛出一个错误。Async Generator 中的 try-catch 块能够捕获该错误，并在控制台中输出一条错误信息。
实际应用
Async Generator 可以用于处理一些有趣的问题。例如，我们可以使用 Async Generator 来创建一个异步迭代器，该迭代器每次返回一个随机数：
----- --------- -------------------- -
----- ------ -
----- ----- --- --------------- -- ------------- -- ----------------------- -------
-
-
----- -------- ------ -
--- ----- ------ ----- -- --------------------- -
-------------------
-
-在上面的代码中，每次调用 asyncRandomNumbers() 都会返回一个异步迭代器。该迭代器每隔一秒钟就会产生一个随机数。我们可以使用for-await-of 循环来读取异步迭代器中的值。这样，就可以每隔一秒钟输出一个随机数了。
还可以通过 Async Generator 函数访问一些特殊的异步操作和接口。例如，可以通过 Async Generator 函数访问 Web 原生的 fetch() 方法，并使用 yield 提供的中间变量来转换返回的 JSON 数据：
----- --------- -------------- -
----- -------- - ----- -----------
----- ---- - ----- ----------------
----- -----
------ -----
-
----- -------- ------ -
--- ----- ------ ----- -- ---------------------------------------------------------- -
-------------------
-
-在上面的例子中，我们使用 fetch() 方法来获取 JSON 数据，然后使用 JSON.parse() 将其转换成 JavaScript 对象。使用 yield 关键字将该对象提供给异步迭代器。之后，我们就可以使用 for-await-of 循环来读取 Async Generator 中提供的 JSON 对象了。
总结
Async Generator 是 ECMAScript 2020 中最重要的新特性之一，它的出现解决了异步编程中的许多问题。通过使用 Async Generator，我们可以处理回调地狱和异步并发的问题，并能够利用所有异步编程的优点。希望这篇文章能够帮助您更好地理解 Async Generator，并能够将其应用到您的下一个项目中。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6644dc4cd3423812e42c1749