ES9 中的新特性：Asynchronous Generators for Easy Async/Await
ES9 是 ECMAScript 标准的第 9 版本，发布于 2018 年 6 月。它引入了许多新特性，其中 Asynchronous Generators（异步生成器）是其中一个重要的新特性。
异步生成器使得编写异步代码变得更加容易和直观，它为 Async/Await 模式提供了另一种可选的实现方式。
本文将介绍 ES9 中的异步生成器的新特性，包括其基础知识、使用场景以及示例代码，以帮助读者更好地理解和使用该特性。
- 异步生成器的基础知识
异步生成器是一种结合了异步和生成器的概念的特殊函数，它提供一种方便的方式来处理异步操作。
异步生成器函数定义与普通生成器函数的定义类似，但是异步生成器函数需要在 function 关键字前面加上 async 关键字以指定它是一个异步函数。
异步生成器函数必须使用 yield* 表达式来委托到另一个异步生成器函数或异步可迭代对象，也可以使用 yield 表达式来暂停执行，并异步地返回一个值。
异步生成器函数返回一个异步迭代器，该迭代器可以被用来异步地迭代返回的值。
- 异步生成器的使用场景
异步生成器可以处理许多异步场景，包括从异步数据源中异步取得数据、异步处理数据以及异步生成数据。
例如，从异步数据源中异步取得数据可以通过异步生成器函数的 yield 表达式来实现：
async function* getData() {
let data = await fetch('https://api.example.com/data');
yield* data.json(); // delegate to another async generator or async iterable
}异步处理数据可以通过使用异步生成器函数的 yield 表达式来实现：
async function* processData() {
let data = await fetch('https://api.example.com/data');
let processedData = await process(data);
yield processedData;
}异步生成数据可以通过使用异步生成器函数的 while 循环和 yield 表达式来实现：
async function* generateData() {
let count = 0;
while (count < 10) {
await new Promise(resolve => setTimeout(resolve, 1000));
yield count++;
}
}这些场景表明异步生成器可以被用来创建与异步数据源交互的异步代码，并且提供了一种非常方便的编写和处理异步代码的方式。
- 异步生成器的示例代码
下面是一个实际的示例，这个示例展示了如何使用异步生成器函数处理一个包含异步数据源、异步处理数据以及异步生成数据的完整场景。
// javascriptcn.com 代码示例
async function* processData() {
let data = await fetch('https://api.example.com/data');
let processedData = await process(data.json());
let count = 0;
while (count < 10) {
await new Promise(resolve => setTimeout(resolve, 1000));
yield count++ + processedData;
}
}
(async() => {
for await (const item of processData()) {
console.log(item); // logs each processed value (0, 1, 2, ...)
}
})();这个示例首先从异步数据源中取得数据，然后异步地处理数据，并最后异步生成一些数据。整个过程都被包裹在一个异步生成器函数中。
在最后的 for 循环中，我们使用了 for await...of 循环来异步地迭代异步生成器函数的返回值。在每次循环中，我们都会异步地处理生成器函数的返回值，然后在控制台中输出结果。
这个示例展示了如何使用异步生成器来处理一个完整的异步场景，并以非常简单和直观的方式实现了这一点。
- 总结
异步生成器是 ES9 中的一个新特性，它为程序员提供了一种非常容易和直观的方式来处理异步代码。它可以处理从异步数据源中异步取得数据、异步处理数据以及异步生成数据等许多不同的异步场景。
本文介绍了异步生成器的基础知识、使用场景以及示例代码，读者可以通过本文了解和学习异步生成器，并在实际应用中使用该特性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652df83a7d4982a6ebf0eb7c