在 ES8 中，新增了异步遍历器 iterator 的概念，这是一项非常重要的功能。异步遍历器可以让我们在处理异步数据的时候，更加方便和高效地进行操作。
异步遍历器 iterator 的概念
在 ES6 中，我们已经学习了遍历器 iterator 的概念。遍历器是一种数据结构，它可以让我们对一个数据集合进行遍历。遍历器对象有一个 next() 方法，每次调用该方法，都会返回一个包含 value 和 done 两个属性的对象。
在 ES8 中，我们引入了异步遍历器 iterator 的概念。异步遍历器是一种特殊的遍历器，它可以处理异步数据集合。异步遍历器对象也有一个 next() 方法，不过返回的是一个 Promise 对象，该 Promise 对象的结果是一个包含 value 和 done 两个属性的对象。
如何使用异步遍历器 iterator
我们可以使用 async 和 for-await-of 语法来使用异步遍历器 iterator。
async
async 是 ES8 中引入的新特性，它可以让我们更加方便地处理异步操作。我们可以使用 async 来定义一个异步函数，该函数内部可以使用 await 来等待一个 Promise 对象的结果。
async function getData() {
const result = await fetch('https://api.github.com/users');
const data = await result.json();
console.log(data);
}在上面的代码中，我们使用 fetch 函数来获取 Github 用户列表数据，然后使用 await 来等待该 Promise 对象的结果。当 Promise 对象的结果返回后，我们可以继续使用该数据。
for-await-of
for-await-of 是一个新的语法，它可以让我们更加方便地遍历异步数据集合。我们可以使用 for-await-of 来遍历一个异步遍历器对象。
async function getData() {
const result = await fetch('https://api.github.com/users');
const data = await result.json();
const asyncIterator = data[Symbol.asyncIterator]();
for await (const user of asyncIterator) {
console.log(user);
}
}在上面的代码中，我们首先使用 await 来等待 Promise 对象的结果，然后获取到 Github 用户列表数据。接着，我们使用 dataSymbol.asyncIterator 方法获取到异步遍历器对象，最后使用 for-await-of 循环遍历该异步遍历器对象。
示例代码
下面是一个示例代码，它展示了如何使用异步遍历器 iterator 来遍历一个异步数据集合。
async function getData() {
const result = await fetch('https://api.github.com/users');
const data = await result.json();
const asyncIterator = data[Symbol.asyncIterator]();
for await (const user of asyncIterator) {
console.log(user);
}
}总结
异步遍历器 iterator 是 ES8 中新增的一个非常重要的功能。它可以让我们更加方便和高效地处理异步数据集合。在使用异步遍历器 iterator 的时候，我们可以使用 async 和 for-await-of 语法来实现。通过学习本文所介绍的知识，我们可以更加深入地了解异步遍历器 iterator 的概念和使用方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/658be061eb4cecbf2d12aa8f