介绍
在 web 开发中，异步操作是非常常见的。当我们需要进行多个异步请求时，我们通常会使用 Promise.all 方法来确保所有请求都成功完成，然后再进行后续处理。在 ES9 中，Promise.all 方法有了一些新的特性，使得其更加灵活和易用，可以更高效地处理异步请求。
ES9 中的 Promise.all
在 ES6 中，Promise.all 方法可以接受一个数组作为参数，数组中的每个元素都是一个 Promise 对象，Promise.all 方法会等到数组中所有的 Promise 对象都成功执行后，返回一个包含了所有 Promise 返回值的数组。当数组中任意一个 Promise 对象失败时，Promise.all 方法会直接返回一个失败的 Promise 对象。
在 ES9 中，Promise.all 方法可以接受一个可迭代对象作为参数，而不仅仅是数组。这意味着我们可以将一个 Set、Map、Generator 函数等作为参数传入 Promise.all 方法中，从而更加灵活地处理异步请求。
示例代码
下面是一个使用 ES9 的 Promise.all 方法实现异步请求批量执行的示例代码：
-- -------------------- ---- -------
----- -------- -------------- -
----- -------- - ------------ -- ------------
----- --------- - ----- ----------------------
----- ---- - ----- ----------------------------- -- -------------
------ -----
-
------ ---------- -
----- ---- - ----- ----------
--------------------------------------------------------
--------------------------------------------------------
-------------------------------------------------------
---
------------------
-----在上面的示例代码中，我们首先定义了一个 loadData 函数，该函数接受一个包含多个请求 URL 的数组作为参数。在函数中，我们首先使用 map 方法将每个 URL 转换成一个 Promise 对象，然后使用 Promise.all 方法等待所有 Promise 对象执行完成。当所有请求都成功完成后，Promise.all 方法会返回一个包含了所有 Response 对象的数组 responses。
接下来，我们再次使用 Promise.all 方法对 responses 数组中的每个 Response 对象进行处理，将其转换成一个包含了所有数据的 data 数组。
最后，我们使用 await 关键字等待 loadData 函数执行完成，并打印返回的 data 数组。
结论
ES9 中的 Promise.all 方法可以接受一个可迭代对象作为参数，从而更加灵活地处理异步请求。我们可以将一个 Set、Map、Generator 函数等作为参数传入 Promise.all 方法中，让其更加高效地处理异步请求。在实际开发中，我们可以根据具体的场景选择使用不同的可迭代对象，并结合其他异步操作方法，实现更加高效和灵活的异步请求处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67508ad2050cf9039c139e03