在前端开发中，经常需要处理 Promise 并发请求的情况。ES9 中引入了 for-await-of 循环迭代器，可以简化 Promise 并发请求的处理过程，提高代码的可读性和可维护性。
for-await-of 循环迭代器
for-await-of 循环迭代器是 ES9 中引入的新特性，用于迭代异步生成器函数返回的 Promise 对象。它的语法与 for-of 循环类似，但是可以处理异步操作。
----- --------- ---------------- -
----- -------------------
----- -------------------
----- -------------------
-
------ ---------- -
--- ----- ------ ----- -- ----------------- -
-------------------
-
-----
-- -------
-- -
-- -
-- -在上面的示例中，asyncGenerator 函数返回一个异步生成器对象，包含三个 Promise 对象。使用 for-await-of 循环迭代器可以依次处理每个 Promise 对象，并输出其结果。
Promise 并发请求的解决方案
在实际开发中，需要对多个 Promise 对象进行并发请求，并等待所有 Promise 对象都完成后再进行下一步操作。ES9 中可以使用 for-await-of 循环迭代器来简化这一过程。
----- -------- --------------- -
----- ------- - ---
--- ----- ------ -------- -- ------------ -- ------------ -
------------------ -----------------
-
------ --------
-
------------------------------------ --------------------------------
------------- -- ---------------------
------------ -- ----------------------在上面的示例中，fetchUrls 函数接收一个包含多个 URL 的数组，使用 map 方法将每个 URL 转换为一个 Promise 对象。使用 for-await-of 循环迭代器依次处理每个 Promise 对象，等待其完成后将结果存入 results 数组中，并最终返回 results 数组。
总结
ES9 中引入的 for-await-of 循环迭代器可以简化 Promise 并发请求的处理过程，提高代码的可读性和可维护性。使用 for-await-of 循环迭代器可以避免使用 Promise.all 方法等繁琐的处理方式，使代码更加简洁和易于理解。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660d5e8fd10417a222db4195