随着 JavaScript 语言的不断发展，新的特性和语法不断涌现。ES2021 引入了 Async Iterator，这是一个强大的异步迭代器，可以让开发者更加轻松地处理异步数据流。在本文中，我们将深入探讨 ES2021 Async Iterator 的使用方法和示例。
什么是 Async Iterator？
Async Iterator 是一个异步迭代器，它可以遍历异步数据流中的每一个元素。在 JavaScript 语言中，异步数据流通常是 Promise 或者可观察对象（Observable）。Async Iterator 可以让我们更加方便地处理这些异步数据流，让我们能够更加高效地处理数据。
如何使用 Async Iterator？
使用 Async Iterator，我们需要先定义一个异步迭代器对象。这个对象必须包含一个 async next() 方法，这个方法返回一个 Promise 对象，用于表示当前迭代器对象是否还有下一个元素。
下面是一个简单的示例代码：
// javascriptcn.com 代码示例
async function* myAsyncIterator() {
yield 1;
yield 2;
yield 3;
}
const iterator = myAsyncIterator();
console.log(await iterator.next()); // { value: 1, done: false }
console.log(await iterator.next()); // { value: 2, done: false }
console.log(await iterator.next()); // { value: 3, done: false }
console.log(await iterator.next()); // { value: undefined, done: true }在这个示例代码中，我们定义了一个异步迭代器 myAsyncIterator，它包含了三个 yield 语句，用于返回三个元素。我们通过调用 myAsyncIterator() 方法来创建一个异步迭代器对象 iterator。然后，我们使用 await 关键字来等待迭代器对象的 next() 方法返回的 Promise 对象。每次调用 next() 方法，都会返回一个包含当前元素的 value 和 done 属性的对象。当 done 属性为 true 时，表示迭代器对象已经遍历完所有元素。
异步迭代器的使用示例
下面是一个更加复杂的异步迭代器的使用示例。这个示例代码使用了一个异步数据流，它每隔一段时间就会返回一个随机数。我们使用 Async Iterator 来遍历这个异步数据流，并且在遍历到每一个元素的时候，都会打印出这个元素的值。
// javascriptcn.com 代码示例
async function* getRandomNumbers() {
while (true) {
await new Promise(resolve => setTimeout(resolve, 1000));
yield Math.floor(Math.random() * 100);
}
}
async function printRandomNumbers() {
const iterator = getRandomNumbers();
for await (const random of iterator) {
console.log(random);
}
}
printRandomNumbers();在这个示例代码中，我们定义了一个异步迭代器 getRandomNumbers，它每隔一秒钟就会返回一个随机数。我们使用了一个 while 循环来不断地产生随机数。在 printRandomNumbers 函数中，我们创建了一个异步迭代器对象 iterator，并使用 for await...of 循环来遍历这个异步迭代器对象。在每次遍历的时候，我们使用 const random 来声明一个变量，用于存储当前迭代器对象返回的随机数。然后，我们使用 console.log() 方法来打印出这个随机数。
总结
ES2021 Async Iterator 是一个非常有用的功能，它可以让我们更加方便地处理异步数据流。在本文中，我们介绍了 Async Iterator 的基本概念和使用方法，并给出了一个完整的示例代码。如果你想更加深入地学习 Async Iterator，可以查看官方文档或者其他相关的资料。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6551e252d2f5e1655db9d155