ECMAScript 2021：如何使用 for-await-of 循环异步生成器
随着 JavaScript 语言的不断发展，越来越多的新特性被加入到了 ECMAScript 标准中。在 ECMAScript 2021 中，新增了一种特性，即 for-await-of 循环异步生成器。本文将介绍什么是异步生成器，以及如何使用 for-await-of 循环异步生成器来处理异步操作。
什么是异步生成器？
异步生成器是一种特殊的生成器函数，它可以在执行过程中暂停，并且可以返回一个 Promise 对象，以便异步地生成值。异步生成器函数使用 async 和 yield* 关键字来定义。
例如，下面是一个简单的异步生成器函数，它通过 Promise 对象异步地生成数字序列：
async function* asyncNumbers() {
let i = 1;
while (true) {
await new Promise(resolve => setTimeout(resolve, 1000));
yield i++;
}
}在这个例子中，asyncNumbers 函数使用了 async 和 yield* 关键字来定义一个异步生成器函数。它通过 Promise 对象异步地生成数字序列，每个数字之间间隔 1 秒钟。
如何使用 for-await-of 循环异步生成器？
for-await-of 循环异步生成器可以用来处理异步操作。它可以遍历异步生成器函数生成的值，并在每次生成值时等待 Promise 对象的解决，以便异步地处理值。
例如，下面是一个使用 for-await-of 循环异步生成器的例子，它打印了异步生成器函数 asyncNumbers 生成的数字序列：
async function printAsyncNumbers() {
for await (const number of asyncNumbers()) {
console.log(number);
}
}
printAsyncNumbers();在这个例子中，我们定义了一个 printAsyncNumbers 函数，它使用 for-await-of 循环异步生成器来遍历 asyncNumbers 函数生成的数字序列，并打印每个数字。由于 asyncNumbers 函数是异步生成器函数，因此它会异步地生成数字序列，并且在每个数字生成时等待 Promise 对象的解决。
总结
在 ECMAScript 2021 中，新增了一种特性，即 for-await-of 循环异步生成器。异步生成器是一种特殊的生成器函数，它可以在执行过程中暂停，并且可以返回一个 Promise 对象，以便异步地生成值。for-await-of 循环异步生成器可以用来处理异步操作，它可以遍历异步生成器函数生成的值，并在每次生成值时等待 Promise 对象的解决，以便异步地处理值。在实际开发中，我们可以使用 for-await-of 循环异步生成器来处理各种异步操作，例如文件读写、网络请求等。
参考链接：
- ECMAScript® 2021 Language Specification: https://tc39.es/ecma262/
- Async generators: https://javascript.info/async-iterators-generators
- Async Iteration and Generators in JavaScript: https://blog.bitsrc.io/async-iteration-and-generators-in-javascript-135ce4ed320e
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650fe89295b1f8cacd895a8f