在 JavaScript 中，for...of 循环可以遍历数组、字符串、Map、Set 等可迭代对象。但是当我们需要遍历异步迭代器时，该怎么办呢？ES9 引入了 for await...of 循环来解决这个问题。
异步迭代器
异步迭代器是指返回 Promise 的迭代器。例如，我们可以使用 async/await 模式来实现一个异步迭代器：
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
--- - - --
------ -
----- ------ -
-- -- - -- -
----- --- --------------- -- ------------------- -------
------ - ------ ---- ----- ----- --
-
------ - ----- ---- --
-
--
-
--上面的代码定义了一个 asyncIterable 对象，它的 [Symbol.asyncIterator] 方法返回一个异步迭代器。该迭代器每次返回一个 Promise 对象，表示下一个迭代值。
for await...of 循环
for await...of 循环可以遍历异步迭代器，示例代码如下：
async function f() {
for await (const x of asyncIterable) {
console.log(x);
}
}
f();上面的代码中，我们使用 for await...of 循环遍历 asyncIterable 异步迭代器，并打印每个迭代值。由于迭代器每次返回的是 Promise 对象，因此我们需要使用 await 关键字来等待 Promise 的结果。
指导意义
for await...of 循环让我们可以方便地遍历异步迭代器，让异步编程更加自然和易于理解。它可以用于处理异步数据流、异步任务队列等场景。
在实际开发中，我们可以使用 for await...of 循环来处理异步请求的数据，例如从后端获取分页数据、从数据库获取大量数据等。此外，它还可以用于实现异步的并行处理，提高程序的性能。
总结
ES9 中的 for await...of 循环为异步编程带来了更多的便利性。它可以遍历异步迭代器，让我们更加方便地处理异步数据流和异步任务队列。在实际开发中，我们可以充分利用它来提高程序的性能和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65055f5895b1f8cacd1e0b16