ES9（ECMAScript 2018）是 JavaScript 最新的标准版本，它引入了一些新的语言特性和功能，其中最重要的是异步集成异步 yield*。本文将深入探讨这个新特性，并提供详细的学习和指导意义。
异步集成异步 yield* 的概念
在 ES6 中，我们已经可以使用 yield 关键字来实现生成器函数。生成器函数是一种特殊的函数，它可以在调用时暂停执行，并在需要时恢复执行。这种机制可以用于实现迭代器、异步操作等功能。
而在 ES9 中，yield 关键字可以与异步操作一起使用，从而实现异步集成异步 yield*。异步操作是指需要花费一定时间才能完成的操作，例如网络请求、文件读取等。
异步集成异步 yield* 的本质是将异步操作的控制权交给生成器函数，让生成器函数在异步操作完成后恢复执行。这样就可以避免回调地狱、简化异步代码的编写。
异步集成异步 yield* 的语法
异步集成异步 yield* 的语法比较简单，只需要在生成器函数中使用 yield* 关键字即可。yield* 后面跟随的是一个异步操作的返回值，例如 Promise 对象。
下面是一个简单的示例代码：
-- -------------------- ---- -------
--------- ---------------- -
----- ------ - ------ -----------------
--------------------
-
-------- ---------------- -
------ --- --------------- -- -
------------- -- -
------------------
-- ------
---
-
----- --------- - -----------------
----- ------- - -----------------------
------------------- -- -
-----------------------
---上面的代码中，asyncGenerator 是一个生成器函数，它使用 yield* 关键字来集成 asyncOperation 异步操作。当生成器函数执行到 yield* asyncOperation() 时，它会暂停执行，并将异步操作的控制权交给 asyncOperation 函数。
asyncOperation 函数返回一个 Promise 对象，表示异步操作的结果。在 Promise 对象的 then 方法中，我们调用 generator.next(result) 来恢复生成器函数的执行，并将异步操作的结果传递给生成器函数。
异步集成异步 yield* 的优势
异步集成异步 yield* 的优势在于简化异步代码的编写。在以前，我们需要使用回调函数或 Promise 对象来处理异步操作的结果，代码会变得很复杂，很难阅读和维护。
而使用异步集成异步 yield*，我们可以将异步操作的控制权交给生成器函数，让生成器函数来处理异步操作的结果。这样就可以避免回调地狱，代码也更加简洁易读。
此外，异步集成异步 yield* 还可以用于多个异步操作的串行和并行执行。生成器函数可以在异步操作完成后继续执行，从而实现异步操作的串行执行。而使用 Promise.all 方法可以将多个异步操作并行执行，并在所有操作完成后恢复生成器函数的执行。
总结
ES9 的异步集成异步 yield* 是一个非常有用的新特性，它可以简化异步代码的编写，避免回调地狱，提高代码的可读性和可维护性。在实际开发中，我们可以充分利用这个特性来提高代码的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6628a303c9431a720c5b4548