JavaScript 是一门非常灵活的语言，其发展不断推动着 Web 前端的发展。ES8 是 JavaScript 中的一个重要版本，其中引入了一项非常重要的新特性：async generators。
async generators 是一种新的异步迭代器类型，它允许使用者在异步上下文中产生一系列的值。这项特性的引入对于那些需要处理大规模异步的人们非常有用，例如 Web 开发者、后端开发者等。
async generators 的概念
在 ES8 中，我们现在可以通过 async generators 以更简便有效的方式生成异步数据流。它是一个生成器，可以通过它在异步上下文中生成值。
与传统的同步生成器不同，async generators 可以在异步上下文中生成其中的数据，可以使用 await 来等待异步操作完成。在生成的过程中，值是异步生成的，因此不需要等待整个数据流都生成，就可以带上其中的部分值。
async generators 的语法特性
async generators 使用 async 和 yield* 来声明。这表示函数是一个异步生成器，可以使用它来生成异步数据流。
下面是一个简单的 async generators 函数：
async function* asyncGenerator() {
yield "Hello,";
await someAsyncOperation();
yield "World";
}它可以被用于循环并处理异步数据流中的每个值：
for await (const val of asyncGenerator()) {
console.log(val);
}这将输出 "Hello,"，等待异步操作完成，然后输出 "World"。
async generators 的应用场景举例
async generators 可以应用于一系列的问题，其中最常见的场景之一是处理大量的异步数据。在这些情况下，它们通常用于逐个处理数据并生成异步数据流。
另一种常见的情况是在处理数据时提供推送式 API。使用异步生成器，开发人员可以向消费者提供异步数据流，并使消费者能够在数据被产生时立即得到通知。
举个例子，想象一下在一个 Web 应用中，我们需要从后端服务器动态加载数据并显示在页面上。使用 async generators，我们可以向服务器发出请求，当数据可用时即使用异步生成器产生数据，这样我们就可以逐个地将数据显示在页面上。
下面是一个示例代码：
-- -------------------- ---- -------
----- --------- ---------- -
----- -------- - ----- ---------------
----- ---- - ----- ----------------
--- ------ ---- -- ----- -
----- -----
-
-
-- ------- -- --------- --- ----
------ ---------- -
----- ---- - -----------
--- ----- ------ ---- -- ----- -
--------------
-
-----可以看到，我们首先定义了一个异步生成器，它使用异步操作从服务器动态加载数据并逐个生成数据。然后，我们在另一个异步函数中消费这个异步流数据，并将其逐个显示。在这个过程中，客户端可以立即得到通知，然后决定如何处理数据。
总结
async generators 提供了一种更简便有效地生成异步数据流的方式，并且提供了新的解决方案来处理异步任务。尽管它在某些情况下可能并不是最优解，但它是一个非常有用的特性。在实际应用中，使用 async generators，我们可以简化异步任务的处理流程，并将代码更加清晰地表达出来。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d2efebb5eee0b525a5177c