在 ES9 (ECMAScript 2018) 中，引入了 Async generators，这是继 Promise 和 Async/await 之后又一种异步编程的解决方案。本文将介绍 Async generators 的概念、特征、应用场景及示例代码，并探讨它对前端开发的指导意义。
概念及特征
Async generators 是一种函数类型，其特点是可以被暂停、恢复执行，以便异步地生成一系列的值。这种函数的语法与普通的 generator 函数类似，但函数名前加上了 async 关键字，以表示该函数是异步执行的。
Async generators 跟 Promise 和 Async/await 的相似之处在于，都是为了方便处理异步逻辑而提出的解决方案。但不同之处在于，Promise 和 Async/await 是处理单个异步值，而 Async generators 是为了处理一系列异步值。
Async generators 的语法如下：
async function* gen() {
yield 1;
yield 2;
yield 3;
}可以看出，Async generators 函数与普通 generator 函数相似，不同之处在于函数声明前面加了 async 关键字，并且函数体内部使用 async yield 语法来生成异步值。
应用场景
Async generators 主要适用于处理一系列的异步值，尤其是需要异步协作或是需要用异步生成器进行流控制的场景。
一个典型的应用场景就是异步流处理。比如从一个数据源中异步地读取数据，并在读完之后进行一些后续处理。用 Async generators 可以很方便地实现这个过程，并且可以避免回调地狱和可读性差的问题。
另外，如果用普通的异步操作实现异步协作，很容易陷入 callback hell 的泥沼。而 Async generators 天然地支持协程，可以简化这个过程，保证异步逻辑清晰可读。
实例代码
下面是一个使用 Async generators 的异步流处理示例。它从输入流中读取数据，并将读到的数据经过异步处理后输出到输出流中。其中，readAsync 和 writeAsync 分别表示异步读取和写入数据的操作。
-- -------------------- ---- -------
----- --------- ------------------------ ------------- -
--- -
----- ------------------ -
----- ----- - ----- ------------------------
----- ------ - ----- ------------------------
-- -------- -
----- --------------------------------
-
-
- ----- --- -
-----------------
-
-
----- -------- ----------------------- -
-- ---------
-
----- -------- ------ -
----- ----------- - --------------------
----- ------------ - ---------------------
----- ------------------------ --------------
-指导意义
Async generators 是一种新的异步编程解决方案，它允许开发者以一种整洁且可读的方式编写异步流程。除此之外，Async generators 还有以下几个优点和指导意义：
1. 应该优先考虑使用 Async generators
对于一些需要异步流处理的场景，Async generators 是我们应该优先考虑的异步解决方案，它比 Promise 和 Async/await 更加简洁明了、易维护、可读性高。
2. 对于异步协作，Async generators 是一个不错的选择
在需要实现异步协作的场景下，Async generators 是一个相对不错的选择。它允许我们更加高效地控制异步流，避免代码的回调地狱和可读性差的问题。
3. 注意 Async generators 函数的返回值
在 Async generators 函数中，yield 语句会暂停函数执行并返回一个异步值，而当函数执行结束或出现错误时，会抛出一个异常或者返回一个特定的值。因此，在使用 Async generators 函数时，需要特别注意返回值的类型及其处理方式。
结论
Async generators 是一种非常不错的异步编程解决方案，能够帮助开发者更好地控制异步流、提高可读性和可维护性。在需要异步协作和异步流处理的场景下，建议使用 Async generators 来实现异步逻辑。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6704f23dd91dce0dc850f3af