介绍
在ES8中，新增了一种新的循环方式：for-await-of。它可以循环异步可迭代对象中的值，并且能处理异步操作。
异步迭代器是ES2018引入的一种新的迭代器类型，它支持返回Promise对象的next()方法。ES8的for-await-of可以实现异步的等待和序列化，这非常有用，尤其是在进行与数据库，文件系统和网络通信等IO操作时。
使用方法
在使用for-await-of之前，我们需要确保迭代器对象具备Symbol.asyncIterator迭代器接口。这个接口是为了返回一个异步迭代器对象。
示例
async function asyncFunction(){
let promises = [Promise.resolve(1), Promise.resolve(2), Promise.resolve(3)];
for await(let promise of promises){
console.log(promise);
}
}
asyncFunction();在这个例子中，我们通过for-await-of循环遍历Promise数组三次，并且在console中输出了每个Promise返回的值。因为Promise是异步操作，必须使用async/await来等待Promise结果。
我们也可以使用for-await-of在一个异步生成器中处理异步操作。
示例
-- -------------------- ---- -------
----- --------- -----------------
--- - - --
------- - ---
----- --- --------------- -- --------------------------
----- ----
-
-
------ -------- ---
--- --------- ---- -- ------------------
------------------
-
-----这个例子中，我们使用了异步生成器函数asyncGenerator()返回一个异步迭代器，然后我们通过for-await-of语法来遍历它。这种方式可以每秒输出一个数字。我们使用了await来等待Promise的结果，以便确保我们的异步生成器函数可以按顺序返回值而不是在异步操作完成前调用。
总结
ES8的异步迭代器for-await-of可以很好地解决异步操作的等待和序列化问题。它通过使用async/await处理Promise对象的返回结果，确保了我们在异步操作完成后再继续执行代码。这种操作非常适用于与数据库，文件系统和网络通信等IO操作。在构建异步应用程序时，使用for-await-of是一个非常好的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e0824ff6b2d6eab3b9a185