前言
在开发前端项目中，我们经常需要同时发送多个请求，等待所有请求完成再进行下一步操作。ES6/ES7 中的 Promise.all() 方法是一个很好的解决方案。它允许我们同时处理多个 Promise 对象，等待它们全部完成后再统一处理结果。然而，在使用 Promise.all() 方法时，我们必须要注意错误处理，否则会导致程序的崩溃。本文将详细讨论 Promise.all() 方法的错误处理方法。
Promise.all() 方法的基本用法
Promise.all() 方法接收一个 Promise 对象的数组作为参数，返回一个新的 Promise 对象。以一个示例代码为例：
Promise.all([promise1, promise2, promise3])
.then(function(results){
console.log(results);
});当传递给 Promise.all() 方法的所有 Promise 对象全部完成时，then() 方法中的回调函数，即对多个 Promise 对象的结果进行处理的代码，才会被执行。then() 方法接收一个数组参数，包含了所有 Promise 对象的结果。我们可以根据需要使用这些结果。
Promise.all() 方法的错误处理
当使用 Promise.all() 方法时，一旦任意一个 Promise 对象出错，就会导致整个 Promise.all() 方法返回一个错误。由于是整个方法出错，因此 then() 方法中的回调函数将无法执行。
使用 catch() 处理错误
一个简单的错误处理方法是在 Promise.all() 方法的末尾添加 catch() 方法。例如：
Promise.all([promise1, promise2, promise3])
.then(function(results){
console.log(results);
})
.catch(function(error){
console.log(error);
});如果上述代码中的任意一个 Promise 对象出错，catch() 方法中的回调函数会被立即执行，输出错误信息。这种方法非常简单，但并不是最佳实践。
处理单个 Promise 对象的错误
另一种更好的错误处理方法是将每个 Promise 对象的错误处理逻辑放在其自身内部。这样，即使有一个 Promise 对象出错，整个 Promise.all() 方法也不会受到影响。
例如：
-- -------------------- ---- -------
-------------
------------------------------ -
-------------------
---
------------------------------ -
-------------------
---
------------------------------ -
-------------------
--
--
----------------------- -
---------------------
---如果 promise2 对象出错，catch() 方法中的回调函数会输出错误信息，但是不会阻止 promise1 和 promise3 对象的结果被处理。
结合 Promise.reject() 方式处理错误
我们可以使用 Promise.reject() 方法，将错误从 Promise 对象中传递到 Promise.all() 方法的 catch() 方法中。例如：
-- -------------------- ---- -------
-------------
---------
---------
--------
------------------------
------ ------------------------------
------ ----------------------
---
---
----------------------- -
---------------------
--
---------------------- -
-------------------
---如果 promise1 对象出错，catch() 方法中的回调函数就会被执行，将错误传递到 Promise.all() 方法的 catch() 方法中。而 promise2 和 promise3 对象仍然会继续执行。
结论
在使用 Promise.all() 方法时要注意错误处理，合理进行错误处理可以避免应用程序出现不可预期的崩溃。我们可以通过 catch() 方法、在 Promise 对象内部处理错误、结合 Promise.reject() 方法等多种方式进行错误处理。为了确保代码可读性和可维护性，我们应根据具体需求灵活选择合适的错误处理方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670dd77a5f551281025e9f4e