ES9（ECMAScript 2018）引入了一种新的语法 for await...of，用于遍历异步可迭代对象。这个语法在处理异步任务时非常方便，特别是在处理多个异步任务时。
什么是异步可迭代对象？
在 ES6 中，引入了一个可迭代对象的概念，它是一个具有 Symbol.iterator 属性的对象，该属性指向一个返回迭代器的函数。迭代器是一个对象，它具有 next() 方法，该方法返回一个包含 value 和 done 两个属性的对象。
而异步可迭代对象则是一个具有 Symbol.asyncIterator 属性的对象，该属性指向一个返回异步迭代器的函数。异步迭代器是一个对象，它具有 next() 方法，该方法返回一个 Promise 对象，该 Promise 对象的 resolve 值为一个包含 value 和 done 两个属性的对象。
for await...of 语法的使用
for await...of 语法用于遍历异步可迭代对象，它的语法如下：
for await (let value of asyncIterable) {
// do something with value
}其中，asyncIterable 是一个异步可迭代对象，value 是每次迭代返回的值。
for await...of 语法的示例
我们可以通过一个示例来更好地理解 for await...of 语法的使用。
假设我们有一个异步可迭代对象 asyncIterable，它每隔一秒钟返回一个数字，我们要输出其中前 5 个数字，代码如下：
-- -------------------- ---- -------
----- --------- --------------- -
--- - - --
----- -- - -- -
----- --- --------------- -- ------------------- -------
----- ----
-
-
------ ---------- -
--- ----- ---- ----- -- ---------------- -
-------------------
-
-----在这个示例中，我们定义了一个异步生成器函数 asyncIterable，它每隔一秒钟返回一个数字，我们使用 for await...of 语法来遍历它，并输出其中前 5 个数字。
for await...of 语法的指导意义
for await...of 语法的引入，使得我们可以更加方便地处理异步任务，特别是在处理多个异步任务时。它的使用可以大大简化异步任务的代码，提高代码的可读性和可维护性。
在实际开发中，我们可以使用 for await...of 语法来处理多个异步任务，例如读取多个文件、请求多个接口等。
结论
for await...of 语法是 ES9 中引入的一种新语法，用于遍历异步可迭代对象。它的使用可以大大简化异步任务的代码，提高代码的可读性和可维护性。在实际开发中，我们可以使用它来处理多个异步任务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674edd4ae884a3e30f2a8b2f