ES8 和 ES9 异步迭代和生成器异步迭代实现对比
一、什么是异步迭代
异步迭代是一种允许异步程序使用 for of 循环的新特性。它可以轻松地实现数据的异步遍历，这在处理异步数据时特别有用。
二、ES8 异步迭代实现
在 ES8 中，语言开始支持异步 generators（异步生成器）。 在这里，我们可以使用 for await of 循环来遍历异步生成器生成的数据。
下面是一个简单的示例：
// javascriptcn.com code example
async function* asyncStream() {
yield Promise.resolve(1);
yield Promise.resolve(2);
yield Promise.resolve(3);
}
(async function() {
for await (const number of asyncStream()) {
console.log(number);
}
})();从这个示例中，我们可以看到异步生成器内部的函数上已被声明为 async。在这个示例中，当控制器在 for await of 语句处时，它会自动执行每个 Promise 对象并将结果作为几个变量迭代。
当使用 ES8 异步迭代实现时，我们需要使用 async/await 关键字来等待每个异步操作执行的结果，并使用 for await of 循环来处理每个元素。
三、ES9 生成器异步迭代实现
在 ES9 中，JavaScript 语言推出了 生成器异步迭代，它可以轻松地实现支持异步/同步数据迭代和处理。
生成器异步迭代使用实际的生成器函数而不是异步生成器函数，并使用关键字 async 使其异步执行。
下面是一个简单的示例：
// javascriptcn.com code example
async function* asyncStream() {
yield Promise.resolve(1);
yield Promise.resolve(2);
yield Promise.resolve(3);
}
(async function() {
for await (const number of asyncStream()) {
console.log(number);
}
})();从这个示例中，我们可以看到我们仍然使用相同的生成器异步迭代语法结构，但使用异步生成器而不是异步函数，以满足异步迭代的要求。
四、异步迭代的学习和教导价值
异步迭代是一项非常有用的功能，它可以使语言更具扩展性和性能。 它为他们提供了一种简单的方法来处理异步数据并执行异步任务。
异步迭代在目前的前端开发和全栈开发等领域中具有很高的应用价值。它可以使开发人员更轻松地处理和操作异步数据，同时提高应用程序的性能。
在学习和教授异步迭代时，重要的是要理解其工作原理及其在应用程序中的应用。此外，学习异步迭代还需要了解其在不同浏览器和环境中的不同实现方式，并确保你的应用程序在所有环境中都正常工作。
在对上述示例进行实践后，我们可以看出，通过 ES8 和 ES9 异步迭代，我们可以使代码更加整洁、具有可读性、良好的性能以及更高的可维护性。
结论
异步迭代是一种非常强大的功能，可以让我们更加方便的处理异步数据。通过ES8和ES9的异步迭代实现，我们可以在应用程序中更加容易的使用异步迭代。
当我们在编写异步代码时，我们应该考虑使用异步迭代，这将使代码变得更加整洁、可读性更好、并且更容易维护。同时，我们应该始终学习任何新技术以保持代码的更新和最佳性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6735a8730bc820c5824fbadf