在 JavaScript 中，生成器（Generator）是一种非常强大的语言特性，它可以让我们更加方便的控制流程和状态。ES6 中引入了生成器，使用 function* 来定义，和普通函数相比有许多方便的方法，比如返回多个值、嵌套迭代等。随着 ES7 的发布，生成器又有了新的特性 - 异步生成器（Async Generator）。
什么是异步生成器
在 ES7 中，我们可以使用 async function* 来定义一个异步生成器。异步生成器可以像普通的生成器一样，使用 yield 关键字来产生值，但是它们可以在每个值产生的时候异步地执行一些操作。这使得我们可以方便地进行异步编程，在 JavaScript 中更多地使用异步操作。
下面是一个简单的异步生成器示例代码：
-- -------------------- ---- -------
----- --------- ---------------- -
----- ----- -------------------
----- ----- -------------------
----- ----- -------------------
-
------ ---------- -
--- ----- ------ ----- -- ----------------- -
-------------------
-
-----我们可以将上面代码的执行结果打印出来：
1 2 3
从代码中可以看到，异步生成器在定义时使用了 async function*，在生成值时需要加上 await 关键字，以确保异步操作的顺序。同时，我们在使用异步生成器的时候，需要使用 for await...of 循环来遍历所有生成的值。
如何使用异步生成器
与普通的生成器相似，我们也可以使用异步生成器来完成各种复杂的异步操作。比如我们可以使用异步生成器来实现一个异步的数据流：
-- -------------------- ---- -------
-- ---
----- ------ - -
------ ---- -- --- --------------- -- ------------------- -----
------ -------- -
----- -----------------
----- -----------
----- -----------------
----- ------------
----- -----------------
----- ----------------
--
----- ------------------------ -
------ --------------
--
--
-- -----
------ ---------- -
--- ----- ------ ----- -- ------- -
-------------------
-
-----在上面的代码中，我们使用了一个对象 stream，它有一个方法 stream，可以迭代地产生一些值。由于它是异步的数据流，每个值产生的时候需要等待一定时间，所以需要使用 await this.delay 来实现等待操作。我们还实现了 [Symbol.asyncIterator] 方法，并返回了 this.stream() 来表示可以使用 for await...of 循环来遍历异步的数据流。
结论
在 JavaScript 中，异步操作已经变得非常普遍。异步生成器的出现，进一步方便了我们进行异步编程，使得代码更加简洁和易读。同时，异步生成器也为我们提供了全新的思路，可以通过异步数据流实现各种复杂的需求。
总之，学习异步生成器是非常必要的，它将成为我们编写更加健壮的 JavaScript 代码的有力工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6751258f8bd460d3ad86f491