在 JavaScript 中，异步编程是非常常见的。然而，随着应用程序变得越来越复杂，异步流的管理变得越来越困难。ES9 引入了 Async Generators，这是一种新的异步编程方法，可以帮助我们更好地管理异步流。本文将介绍 Async Generators 的概念、用法和示例代码，帮助你更好地理解和应用它。
Async Generators 是什么？
Async Generators 是一种新的异步编程方法，它结合了 Async 和 Generator 两个特性。Async Generators 允许我们在异步操作中使用 yield 关键字，从而可以更好地控制异步流。它可以帮助我们更好地管理异步操作，避免回调地狱和 Promise 链式调用的问题。
Async Generators 的用法
Async Generators 的用法非常简单，只需要在函数前加上 async 和 * 关键字即可。例如：
async function* myAsyncGenerator() {
// 异步操作
yield await someAsyncOperation();
}在上面的示例代码中，我们定义了一个 Async Generator 函数 myAsyncGenerator。它使用了 async 和 * 关键字，表明这是一个异步 Generator 函数。在函数中，我们使用 yield 和 await 关键字，等待异步操作完成后再返回结果。
我们可以像使用普通 Generator 函数一样使用 Async Generator 函数。例如，使用 for...await...of 循环遍历异步生成器返回的值：
-- -------------------- ---- -------
----- --------- ------------------ -
----- ----- ---------------------
----- ----- ------------------------
-
------ ---------- -
--- ----- ------ ----- -- ------------------- -
-------------------
-
-----在上面的示例代码中，我们定义了一个 Async Generator 函数 myAsyncGenerator，它返回两个异步操作的结果。我们使用 for...await...of 循环遍历异步生成器返回的值，并将其打印到控制台中。
Async Generators 的示例代码
下面是一个更完整的示例代码，它展示了如何使用 Async Generators 来管理异步流。
-- -------------------- ---- -------
----- --------- ----------------------- -
--- ------ ---- -- ------ -
----- --- - ---------------------------------------
----- -------- - ----- -----------
----- ---- - ----- ----------------
----- -----
-
-
------ ---------- -
----- ----- - ----------- ---------- -----------
--- ----- ------ ---- -- ------------------------ -
------------------
-
-----在上面的示例代码中，我们定义了一个 Async Generator 函数 fetchGitHubUsers，它接受一个用户数组作为参数，并返回每个用户的 GitHub 信息。在函数中，我们使用 for...of 循环遍历用户数组，使用 fetch 函数获取每个用户的 GitHub 信息，并使用 yield 返回结果。
在主函数中，我们使用 for await...of 循环遍历异步生成器返回的值，并将每个用户的 GitHub 信息打印到控制台中。
总结
Async Generators 是一种新的异步编程方法，它可以帮助我们更好地管理异步流。它结合了 Async 和 Generator 两个特性，允许我们在异步操作中使用 yield 关键字，从而可以更好地控制异步流。本文介绍了 Async Generators 的概念、用法和示例代码，希望能帮助你更好地理解和应用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d2af01add4f0e0ffb00844