在前端开发中，我们经常需要发起多个请求，并且在所有请求完成后再进行下一步处理。在 ES6 中，我们可以使用 Promise.all() 方法来实现这种场景。
Promise.all() 方法介绍
Promise.all() 方法接收一个 Promise 实例数组作为参数，并返回一个新的 Promise 实例。该 Promise 实例将在数组中所有 Promise 实例都成功解析后解析，并将它们的解析值按照 Promise 实例在数组中的顺序组成一个数组作为解析值。如果其中任何一个 Promise 实例失败，则 Promise.all() 返回的 Promise 实例将立即失败，并拒绝与该 Promise 实例相关的错误。
Promise.all() 方法可以用来将并发请求的结果合并处理。例如，我们需要从两个不同的接口获取数据并将它们合并在一起使用，我们可以使用 Promise.all() 方法：
const promise1 = fetch('api1');
const promise2 = fetch('api2');
Promise.all([promise1, promise2]).then(responses => {
/* 继续处理 responses[0] 和 responses[1] 的值 */
}).catch(error => {
console.log(error);
});在并发请求中的应用
在并发请求中，Promise.all() 可以帮助我们将多个异步请求同时发起，等待它们都完成后再继续处理结果。这可以有效地减少网络请求的时间，并提高用户体验。
例如，在一个多页表单中，我们需要将用户填写的数据同时提交到多个接口中。这时我们可以使用 Promise.all() 方法：
-- -------------------- ---- ------- ----- -------- - - ----- ----- ---- --- ------ ----------------------- -------- ---------- -- ----- ------------ - - ------------- - ------- ------- ----- ------------------------ --- ------------- - ------- ------- ----- ------------------------ --- ------------- - ------- ------- ----- ------------------------ -- -- ---------------------------------------- -- - -------------------- -------------- -- - -------------------- ------- ---
在上面的示例中，我们使用 Promise.all() 方法将三个不同的请求一次发送出去，并等待全部请求执行完毕后再进行下一步处理。
总结
ES6 中的 Promise.all() 方法可以帮助我们将多个 Promise 实例合并处理，并有效地提高并发请求的性能和用户体验。当需要同时发送多个请求时，我们可以使用 Promise.all() 方法来一次性将所有请求一次性发出，等待所有请求执行完毕后再继续处理结果。
除了 Promise.all()，ES6 的 Promise 还提供了 Promise.race() 方法，可以在多个 Promise 中的一个 Promise 错误或者成功时返回结果，这也是值得学习的一个知识点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ed65ddf6b2d6eab378fd3f