在 ES9 中，新增了 for-await-of 语句，它可以让开发者更方便地遍历异步迭代器的返回值。在本文中，我们将详细介绍 for-await-of 语句的使用方法，并提供示例代码。
什么是异步迭代器
异步迭代器是一种可以异步生成值的迭代器。它的 next() 方法返回一个 Promise 对象，该 Promise 对象解析后包含一个对象，该对象包含两个属性：value 和 done。其中，value 表示当前生成的值，done 表示生成器是否已经完成。异步迭代器可以用于处理异步数据流，例如处理网络请求或读取文件等。
for-await-of 语句的使用方法
for-await-of 语句可以遍历异步迭代器的返回值。它的语法与 for-of 语句类似，但是需要在 for 关键字后面加上 await 关键字。下面是 for-await-of 语句的基本语法：
--- ----- ---- ----- -- -------------- - -- ----------- -
其中，asyncIterable 表示一个异步迭代器对象，它可以是一个实现了异步迭代器协议的对象，例如 AsyncGenerator 或 AsyncIterable。
在 for-await-of 语句中，每次迭代会调用异步迭代器的 next() 方法，并等待 Promise 对象解析后获取返回值。如果生成器已经完成（done 为 true），则 for-await-of 语句会自动退出。
示例代码
下面是一个使用 for-await-of 语句遍历异步迭代器的示例代码：
----- --------- ---------------- -
----- --
----- --
----- --
-
------ ---------- -
--- ----- ---- ----- -- ----------------- -
-------------------
-
-----在上面的代码中，我们定义了一个异步迭代器 asyncGenerator，它会依次生成数字 1、2、3。然后我们使用 for-await-of 语句遍历 asyncGenerator 的返回值，并在控制台输出每个值。由于 asyncGenerator 是一个异步迭代器，所以在 for-await-of 语句中需要使用 await 关键字等待 Promise 对象解析后获取返回值。
指导意义
for-await-of 语句的出现，使得开发者可以更方便地处理异步数据流。在处理异步数据流的过程中，经常需要等待 Promise 对象解析后获取返回值，然后再进行下一步操作。使用 for-await-of 语句，可以让这个过程更加简洁明了。同时，for-await-of 语句也提醒开发者异步迭代器的存在，可以更好地理解和使用异步迭代器。
总结
在 ES9 中，新增了 for-await-of 语句，它可以遍历异步迭代器的返回值。使用 for-await-of 语句可以更方便地处理异步数据流，同时也提醒开发者异步迭代器的存在。在实际开发中，我们可以结合异步迭代器和 for-await-of 语句来处理异步数据流，从而提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/663a03a2d3423812e482a688