在前端开发中，我们经常会遇到多个异步操作需要同时执行，并且需要等待它们全部完成后再进行后续处理，这时我们就可以使用 Promise.all 方法。 Promise.all 接收一个包含多个 Promise 对象的数组作为参数，返回一个新的 Promise 对象，当传入的多个 Promise 对象全部变为 fulfilled 状态时，新的 Promise 对象的状态也变为 fulfilled，返回值是一个由所有 Promise 对象的结果组成的数组；如果传入的多个 Promise 对象中任意一个变为 rejected 状态，则新的 Promise 对象的状态就会变为 rejected，返回值为第一个被 reject 的 Promise 对象的错误信息。
失败处理
在使用 Promise.all 方法时，可能会遇到其中一个或多个 Promise 对象处于 rejected 状态的情况，这时我们需要对这种情况进行特殊处理，以避免后续代码无法执行或出现异常结果。
捕获异常
对于 Promise 对象处于 rejected 状态的情况，我们可以使用 catch 方法来捕获异常，进而处理错误或采取其它措施。
---------------------- --------- ----------
------------ -- -
-- -------
--
------------ -- -
-- ------
---在上面的示例代码中，如果 promise1，promise2 或 promise3 中任意一个 Promise 对象处于 rejected 状态，都会进入 catch 中进行错误处理，避免代码出现异常。
使用 Promise.race
除了使用 catch 方法捕获异常外，还可以使用 Promise.race，这个方法接收一个由 Promise 对象组成的数组作为参数，返回一个新的 Promise 对象，一旦数组中 Promise 对象中有一个 Promise 对象的状态变为 fulfilled 或 rejected 状态，新 Promise 对象就会采用这个 Promise 对象的状态。
----------------------- --------- ----------
------------ -- -
-- ------
--
------------ -- -
-- ------
---在上面的示例代码中，如果数组中的某个 Promise 对象状态变为 rejected，新的 Promise 对象就会采用这个 Promise 对象的状态，进入 catch 方法中处理异常情况。
实用案例
假设我们有一个需求，需要从服务器端获取多个数据源的数据，再将这些数据进行组合处理并展示到前端页面上，这个时候，我们可以使用 Promise.all 来实现。
----- -------- - -- -- -
------ --- ----------------- ------- -- -
------------- -- -
----------------
-- ------
---
--
----- -------- - -- -- -
------ --- ----------------- ------- -- -
------------- -- -
----------------
-- ------
---
--
----- -------- - -- -- -
------ --- ----------------- ------- -- -
------------- -- -
----------------
-- ------
---
--
------------------------ ----------- ------------
------------ -- -
-------------------- -- -------- ------- -------
--
------------ -- -
------------------- -- ------
---在上面的示例代码中，我们通过 Promise.all 方法将 getData1、getData2 和 getData3 方法返回的 Promise 对象进行了汇总，当这些异步操作都成功完成后，会将它们的返回值组合为一个包含所有返回值的数组返回。如果其中任何一个 Promise 对象被 reject，则整个 Promise 失败。通过捕获异常或使用 Promise.race 可以在 Promise 失败时进行特殊处理。
结论
本文介绍了 Promise.all 方法的应用场景以及 Promise 失败时的处理方法，帮助开发者更好的理解并使用 Promise 对象，同时在实现更多异步操作时，遵循 Promise 风格的异步操作方法可以更好地避免回调地狱等问题，提高代码可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6736b1c50bc820c58255d411