在前端开发中，我们常常需要并行处理多个异步任务。为了更优雅地处理这些任务，我们可以使用 Promise.all 方法将多个 Promise 实例封装成一个新的 Promise 实例。不过，在此过程中我们要注意如何处理错误，否则可能会出现无法捕获的异常。
Promise.all 简介
在介绍错误处理之前，先来简单回顾一下 Promise.all 方法的用法。
Promise.all 方法接受一个由多个 Promise 对象组成的数组作为参数，并返回一个新的 Promise 实例。当所有的 Promise 对象都成功时，该实例才会进入 resolved 状态，返回值是一个包含所有 Promise 返回值的数组；如果其中任意一个 Promise 对象失败（rejected），那么该实例就会进入 rejected 状态，返回值是第一个被 reject 的 Promise 对象的错误信息。
下面是一个示例代码：
const promises = fetch('/api/users')
.then(response => response.json())
.then(users => users.map(user => fetch(`/api/user/${user.id}`)))
.then(promises => Promise.all(promises))
.then(users => console.log(users))
.catch(error => console.error(error));在这个例子中，我们首先通过 fetch 方法获取用户列表，然后根据每个用户的 ID 发起单独的请求，最后通过 Promise.all 方法并行处理所有请求，返回一个包含所有用户信息的数组。如果其中任意一个请求失败，那么就会输出错误信息。
处理错误
当多个异步任务并行执行时，很可能其中一个或多个任务失败。在这种情况下，我们需要对错误进行处理，以便程序可以正常继续运行。
1. 使用 catch 方法捕获异常
最简单的处理方式是通过 catch 方法捕获异常。例如：
Promise.all([promise1, promise2, promise3]) .then(results => console.log(results)) .catch(error => console.error(error));
在这个例子中，如果任意一个 Promise 对象被 reject，那么整个 Promise.all 方法都会进入 rejected 状态，并输出错误信息。
2. 封装成自定义的 Promise 对象
更加优雅的方式是将 Promise.all 方法封装成一个自定义的 Promise 对象，并在该对象上处理异常。例如：
-- -------------------- ---- -------
-------- ---------------------- -
------ --- ----------------- ------- -- -
---------------------
------------- -- -----------------
------------ -- ---------------
---
-
----------------------- --------- ----------
------------- -- ---------------------
------------ -- ----------------------在这个例子中，我们定义了一个 myPromiseAll 方法作为 Promise.all 的包装器，它返回一个新的 Promise 对象。当其中任意一个 Promise 对象被 reject 时，该方法会直接将错误信息传递给新的 Promise 对象的 reject 方法。
3. 细化错误信息
有时候我们需要更细化的错误信息，以便更好地调试和定位问题。可以通过在 Promise.all 的每个 Promise 对象上添加 catch 方法，捕获并处理异常。例如：
Promise.all([
promise1.catch(error => ({ error })),
promise2.catch(error => ({ error })),
promise3.catch(error => ({ error }))
])
.then(results => console.log(results))
.catch(error => console.error(error));在这个例子中，如果任意一个 Promise 对象被 reject，那么它会返回一个包含错误信息的对象，并进入 resolved 状态。由于这些 Promise 对象都已经 resolve，因此 Promise.all 方法也会进入 resolved 状态，并输出所有 Promise 返回值的数组。
结论
在使用 Promise.all 方法时，一定要注意异常处理。粗暴地忽略异常可能会导致无法捕获的错误，从而影响程序
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13446