在 JavaScript 发展历程中，ES8 在其基础上又添加了许多新特性，其中 async 生成器和迭代器是引起开发者关注和讨论的两个重要新特性。本文将详细探讨这两个新特性，介绍它们的作用及示例代码，并帮助读者理解它们的学习和应用价值。
async 生成器
在 ES7 中加入的 async/await，支持 JavaScript 中进行异步编程，但它只能使用 Promise 对象来处理异步操作。而在 ES8 中，我们可以使用 async 生成器来进一步简化异步编程，使得代码更加容易理解，并且能够更好地处理异步任务的状态。
async 生成器使用 async 函数来代替普通函数，并使用 yield 语句来代替 return 语句。yield 语句在 async 生成器内部执行，可以暂停函数并在异步操作完成之后恢复函数。
下面是使用 async 生成器来处理一组异步操作的示例代码：
// javascriptcn.com 代码示例
async function* asyncGenerator() {
const result1 = await doSomethingAsync();
yield result1;
const result2 = await doSomethingElseAsync();
yield result2;
}
async function run() {
const asyncGen = asyncGenerator();
const result1 = await asyncGen.next();
const result2 = await asyncGen.next();
console.log(result1.value, result2.value);
}上面的代码中，asyncGenerator 函数返回一个异步生成器对象，它会执行两个异步操作，并将每个操作的结果作为一个值使用 yield 语句返回。在 run 函数中，我们首先创建一个 asyncGenerator 对象，然后按照顺序使用 next 方法去获取异步操作的结果。
迭代器
迭代器是 JavaScript 中用来遍历可枚举对象的常规方法，如数组和对象。在 ES8 中，我们可以使用迭代器来使异步操作变得更加容易和灵活。
async 迭代器与普通迭代器非常相似，但它使用 async 和 await 来支持异步操作。当我们使用 async 迭代器时，每个迭代都会等待异步操作的完成。这使得在处理大型数据集时能够更好地控制 JavaScript 的运行时间和内存使用。
下面是使用 async 迭代器来处理异步列表的示例代码：
// javascriptcn.com 代码示例
async function* asyncList(list) {
for (const item of list) {
const result = await getItemAsync(item);
yield result;
}
}
async function run() {
const items = [1, 2, 3];
const asyncIter = asyncList(items);
for await (const result of asyncIter) {
console.log(result);
}
}上面的代码中，我们首先定义了一个 asyncList 函数来创建一个异步迭代器用于遍历一个列表。在 asyncList 函数中，我们使用 for...of 语句来遍历传入的列表，并使用 await 异步获取每个列表项的值。在迭代器内部，我们使用 yield 语句将获取到的结果返回给调用者。
在 run 函数中，我们使用 for await...of 语句来遍历异步迭代器，并在每个迭代中打印结果。
注意：使用异步迭代器时，必须使用 for await...of 语句而不是 for...of 语句来遍历迭代器。
总结
ES8 中的 async 生成器和迭代器为 JavaScript 提供了更加灵活的异步编程方式。使用 async 生成器可以使异步代码更加易于理解和处理异步任务的状态。而使用异步迭代器可以更好地控制 JavaScript 运行时间和内存使用，使得处理大型数据集时更加容易和可靠。
希望通过本文的介绍和示例代码，读者可以更加深入地理解和学习这两个重要新特性，并且在实际开发中灵活应用它们。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65489c8a7d4982a6eb2e1035