前言
随着 JavaScript 语言的发展，异步编程已经成为了现代 web 应用程序中的一个重要部分。然而，异步编程往往会带来一些挑战，其中之一就是如何在异步代码中进行迭代操作。在 ECMAScript 2019 中，for-await-of 循环被引入，这为我们提供了一种简单而有效的方式来解决这个问题。
for-await-of 循环的介绍
for-await-of 循环是一个新的异步迭代循环，它允许我们在异步代码中使用 for...of 循环。它的语法形式如下：
for await (variable of iterable) { // 异步操作 }
其中，variable 是在每次循环中接收到的值，而 iterable 是一个异步迭代器对象。
异步迭代器对象是一个具有 next() 方法的对象，该方法返回一个 Promise，该 Promise 解析为一个具有 value 和 done 属性的对象。value 属性表示当前迭代的值，而 done 属性表示迭代是否完成。
for-await-of 循环的示例
下面是一个使用 for-await-of 循环的示例。假设我们有一个异步生成器函数，该函数每隔一秒钟生成一个随机数。我们想要迭代这些随机数并对它们执行一些操作。
-- -------------------- ---- ------- ----- --------- --------------- - ----- ------ - ----- --- --------------- -- ------------- -- ----------------------- ------- - - ------ ---------- - --- ----- ------ ------ -- ---------------- - -------------------- - -----展开代码
在这个示例中，我们定义了一个名为 randomNumbers 的异步生成器函数，它使用 while 循环生成随机数并使用 Promise 进行包装。在主函数中，我们使用 for-await-of 循环来迭代这些随机数，并使用 console.log() 函数将它们打印到控制台中。
总结
for-await-of 循环是 ECMAScript 2019 中一个非常有用的新特性，它为我们提供了一种简单而有效的方式来解决异步迭代问题。在实际开发中，我们可以使用 for-await-of 循环来更方便地处理异步数据流，从而提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c21c01add4f0e0ffc0fba7
