ES12：更好的 Promise.all 函数
在前端开发中，Promise.all 是一个非常常用的函数，用于在多个 Promise 对象全部执行完毕后，以数组的形式返回每个 Promise 对象的结果。但是，在过去的版本中，Promise.all 函数存在着一些不足，例如，只要其中一个 Promise 对象发生了错误，整个 Promise.all 函数就会被中止执行。
在 ES12 中，Promise.all 函数得以进一步升级，成为了一个更为完善且更加易用的函数。本文将详细介绍 ES12 中改进的 Promise.all 函数，并提供示例代码，帮助读者更好地理解和运用该函数。
Promise.allSettled 方法
ES12 中新增了一个 Promise.allSettled 方法，该方法可以获取所有 Promise 对象的执行状态，即使遇到错误，也会返回一个数组，其中包含每个 Promise 对象的状态信息。该数组的每个元素都是一个对象，其中包含了每个 Promise 对象的执行状态和执行结果。
Promise.allSettled 方法的用法如下：
Promise.allSettled([promise1, promise2, …])
.then(results => {
// results 数组中包含每个 Promise 对象的状态信息
})在上述代码中，Promise.allSettled 函数接收一个 Promise 对象数组作为参数，其中的每个 Promise 对象都会被执行。当所有 Promise 对象都执行完成后，返回一个 Promise 对象。该 Promise 对象的 then 方法的参数是一个 results 数组，该数组中包含每个 Promise 对象的状态信息。
接下来，我们看一下 Promise.allSettled 方法的返回值的格式示例：
[{
status: 'fulfilled',
value: 'promise1 resolved'
}, {
status: 'rejected',
reason: 'promise2 rejected'
}]在上述代码中，每个元素都是一个对象，其中包含了 Promise 对象的状态信息。该对象具有两个属性，分别是 status 和 value 或 reason。其中，status 表示 Promise 对象的状态，有两种可能的取值，分别是 fulfilled 和 rejected。如果 Promise 对象的状态是 fulfilled，则该对象还包含了一个 value 属性，该属性表示 Promise 对象的返回值。如果 Promise 对象的状态是 rejected，则该对象还包含了一个 reason 属性，该属性表示 Promise 对象的被拒绝的原因。
在 ES12 中，Promise.all 方法的返回值与 Promise.allSettled 方法的返回值基本相同，只有一些细微的差别。首先，Promise.all 方法遇到错误时会中止执行，并抛出错误信息，而 Promise.allSettled 方法不会中止执行，而是返回一个包含了所有 Promise 对象状态信息的数组。其次，在 Promise.all 方法中，如果数组中的某个 Promise 对象的状态被修改了，后面的 Promise 对象的状态也会随之被修改。而在 Promise.allSettled 方法中，即使前面的 Promise 对象状态被修改了，后面的 Promise 对象的状态也不会受到影响。
Promise.all 方法的用法示例：
-- -------------------- ---- ------- ------------- ----------- ----------- ---------- ------------------ -------- --------- -- - -- ----- -------------- -- - -- ---- --
在上述代码中，Promise.all 函数接收一个 Promise 对象数组作为参数，其中的每个 Promise 对象都会被执行。当所有 Promise 对象都执行完成后，返回一个 Promise 对象，该 Promise 对象的 then 方法的参数是一个数组，其中包含了每个 Promise 对象的返回值，返回值的顺序与 Promise 对象在数组中的顺序一致。如果其中有任何一个 Promise 对象被拒绝，则该 Promise 对象的 catch 方法会被执行，用于处理错误信息。
总结
总体来说，ES12 中改进的 Promise.all 函数更为完善，易于使用。在处理多个 Promise 对象的情况下，使用 Promise.all 或 Promise.allSettled 方法，可以有效提高代码的整体性能，减少异常处理的复杂度。下面是一个示例代码，帮助读者更好地理解 ES12 中改进的 Promise.all 函数的使用。
示例代码：
-- -------------------- ---- -------
-- ------
----- ---- - -
-----------------------------------------------
-----------------------------------------------
-----------------------------------------------
----------------------------------------------
-
-- -------------
----- --------- - ----- ----- -- -
----- -------- - ----- ----------
----- ---- - ----- ---------------
------ ----
-
------------------------------- -- ----------------
------------- -- -
-- ------
---------------------- -- -
-- -------------- --- ------------ -
------------------------- -- -----
- ---- -
-------------------------- -- ------
-
--
--来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65964b48eb4cecbf2da2297e