ES9（ECMAScript 2018）是 JavaScript 的一个重要版本，其中引入了异步迭代器和 for-await-of 循环。这些新特性为异步编程提供了更加灵活和高效的解决方案，本文将详细介绍这些特性。
异步迭代器
在 ES6 中，我们可以使用迭代器来遍历一个数据结构，例如数组或者 Map。迭代器是一个对象，它提供了一个 next() 方法，每次调用 next() 方法都会返回一个包含 value 和 done 两个属性的对象，其中 value 表示当前遍历到的值，done 表示是否遍历结束。
在 ES9 中，我们引入了异步迭代器，它是一种可以异步获取数据的迭代器。异步迭代器是一个包含 Symbol.asyncIterator 属性的对象，该属性的值是一个返回异步迭代器对象的方法。异步迭代器对象提供了一个 next() 方法，该方法返回一个 Promise，Promise 的 resolve 值是一个包含 value 和 done 两个属性的对象，与同步迭代器类似。
下面是一个使用异步迭代器遍历一个异步数据结构的示例：
// javascriptcn.com 代码示例
async function* asyncGenerator() {
yield 1;
yield 2;
yield 3;
}
async function main() {
const asyncIterable = asyncGenerator();
const asyncIterator = asyncIterable[Symbol.asyncIterator]();
let result = await asyncIterator.next();
while (!result.done) {
console.log(result.value);
result = await asyncIterator.next();
}
}
main(); // 输出：1 2 3在上面的示例中，我们定义了一个异步迭代器 asyncGenerator，它使用 async function* 声明一个异步生成器函数。异步生成器函数是一种可以异步生成数据的函数，它使用 yield 关键字返回一个 Promise 对象，Promise 的 resolve 值是当前生成的值。
在 main 函数中，我们先通过 asyncGenerator 获取一个异步可迭代对象 asyncIterable，然后通过 asyncIterable 的 Symbol.asyncIterator 属性获取一个异步迭代器 asyncIterator，接着我们使用 while 循环遍历异步数据结构，每次调用 asyncIterator 的 next() 方法获取下一个值，直到遍历结束。
for-await-of 循环
在 ES9 中，我们可以使用 for-await-of 循环来遍历一个异步可迭代对象，它是一个 for...of 循环的异步版本。for-await-of 循环会自动获取异步可迭代对象的异步迭代器，并使用异步迭代器的 next() 方法获取下一个值，直到遍历结束。
下面是一个使用 for-await-of 循环遍历异步数据结构的示例：
// javascriptcn.com 代码示例
async function* asyncGenerator() {
yield 1;
yield 2;
yield 3;
}
async function main() {
const asyncIterable = asyncGenerator();
for await (const value of asyncIterable) {
console.log(value);
}
}
main(); // 输出：1 2 3在上面的示例中，我们定义了一个异步迭代器 asyncGenerator，然后使用 for-await-of 循环遍历 asyncIterable，每次获取下一个值并输出。
总结
ES9 中的异步迭代器和 for-await-of 循环为异步编程提供了更加灵活和高效的解决方案。异步迭代器是一种可以异步获取数据的迭代器，它使用 Symbol.asyncIterator 属性和 next() 方法来实现异步遍历。for-await-of 循环是一个 for...of 循环的异步版本，它自动获取异步可迭代对象的异步迭代器，并使用异步迭代器的 next() 方法获取下一个值，直到遍历结束。这些新特性可以帮助我们更加方便地处理异步数据结构，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6508cc3795b1f8cacd3b1827