在过去，JavaScript 对于异步编程的支持只是通过回调函数和 Promise。但是，随着 JavaScript 语言的发展，异步编程也得到了更好的支持。在 ES8 之后，JavaScript 引入了异步迭代器和 for-await-of 循环，带来了更好的异步编程方法。
异步迭代器
在 ES6 中，for...of 循环是用于迭代可迭代对象的标准循环方式。ES8 中的异步迭代器是在 ES6 for...of 迭代器上的扩展，它允许我们以异步方式访问和迭代可异步数据存储的对象。异步迭代器与同步迭代器的语法非常相似，可以使用关键字 async 来定义异步迭代器，并且在需要时暂停和恢复迭代。
下面是一个简单的示例代码：
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
------ -
-- --
----- ------ -
-- ------- - -- -
------ - ------ --------- ----- ----- --
-
------ - ----- ---- --
--
--
--
--
------ -------- -- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----以上代码执行结果为：
0 1 2
在上面的代码中，我们定义了一个异步可迭代对象，它需要通过 Symbol.asyncIterator 方法来获取异步迭代器。迭代器只有一个 next() 方法，用于返回一个 Promise 对象，它包含两个属性：done 和 value。done 属性用于表示异步迭代器是否已经完成迭代，value 属性用于表示异步迭代器返回的值。在我们的示例中，我们使用 for-await-of 循环来异步迭代 asyncIterable。
for-await-of
ES8 中的 for-await-of 循环用于以异步方式迭代任何可异步迭代对象，并可以在每个异步操作完成后进行暂停和恢复迭代。for-await-of 循环结合了异步迭代器，提供了更好的异步编程方式。此外，将 for-await-of 与 Promise.all() 方法一起使用可以在同时运行多个异步操作时提高性能。
下面是一个使用 for-await-of 循环的异步编程示例：
async function asyncFunc() {
const promises = [Promise.resolve(1), Promise.resolve(2), Promise.resolve(3)];
for await (const promise of promises) {
console.log(promise);
}
}在上述示例中，我们定义了一个异步函数 asyncFunc()，它使用 for-await-of 循环来异步迭代了一个 Promise 数组。由于这个 Promise 数组是可异步迭代的，在我们的 for-await-of 循环中每次都会暂停等待当前的 Promise 完成执行。
结论
在本文中，我们探讨了 ES8 中的异步迭代器和 for-await-of 循环。它们使得异步编程变得更加优雅和可读，并以更好的方式支持 JavaScript 的异步编程需求。此外，你可以将异步迭代器和 for-await-of 循环与 Promise.all() 方法结合使用，以在同时运行多个异步操作时提高性能。
值得注意的是，异步编程依赖于回调函数和 Promise，在使用异步迭代器和 for-await-of 循环时需要注意代码的执行顺序和控制流程。希望本文对于读者进行 JavaScript 异步编程有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6749a8d8a1ce0063546bb359