在前端开发中，我们经常需要同时发送多个异步请求，然后在所有请求都完成后执行相关的操作。在早些年，我们使用回调函数嵌套或事件监听等方式实现多个异步请求的协调，但这些方式会导致代码难以维护和理解。
ES6 的 Promise.all 方法为解决这个问题提供了一个优雅的解决方案。Promise.all 可以接收一个 Promise 数组作为参数，返回一个新的 Promise 对象，并在所有 Promise 对象都被解决后将它们的结果按顺序汇集成一个数组返回。
Promise.all 的语法
Promise.all 方法的用法非常简单，其语法如下所述：
Promise.all(iterable);
其中, iterable 是一个 Promise 数组。
Promise.all 的特点
使用 Promise.all 有如下的特点：
- 如果 iterable 中每一个 Promise 对象都被解决，则 Promise.all 的返回值是由这些 Promise 对象的解决值组成的数组。
- 当 iterable 中任意一个 Promise 对象被拒绝时，Promise.all 将会立即返回一个被拒绝的 Promise 对象，其拒绝值为拒绝的 Promise 对象的拒绝原因。
- Promise.all 按照 iterable 中数组的顺序执行，即使其中某些 Promise 对象的解决时间比其他 Promise 对象长。
使用 Promise.all 实现多个异步请求
下面是一个简单的示例，使用 jQuery 发送3个异步请求获取数据，并在所有请求完成后对数据进行聚合处理：
-- -------------------- ---- -------
----- --------- - -------------------------------------------
----- --------- - -------------------------------------------
----- --------- - -------------------------------------------
----------------------- ---------- -----------
------------------ -- -
----- -------- - -------------------- -- ----------
----------------------
--
------------ -- -
-------------------
---首先，我们通过 jQuery 发送了3个异步请求，返回的是3个 Promise 对象。接下来，我们使用 Promise.all 方法将这3个 Promise 对象作为参数传入，并在全局的 .then 方法中处理数据，.catch 方法处理异常情况。
当所有的异步请求都完成后，Promise.all 将返回一个由每个 Promise 对象的解决值组成的数组。这里，我们将每个请求返回的响应对象中的 data 属性提取出来，然后组成一个新的数组进行处理。
总结
使用 ES6 的 Promise.all 方法可以轻松协调多个异步请求，并在所有请求完成后对数据进行处理。同时，Promise.all 也支持对异步请求的异常处理，避免了对多个异常情况进行繁琐的处理。
在实际开发中，我们可以使用如 axios 和 fetch 等现代的库，或其他一些基于 Promise 的库来发送异步请求并使用 Promise.all 方法进行处理。这不仅可以提高开发效率，在实现上也更加简洁高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647c78ce968c7c53b0780b00