在进行前端开发的过程中，我们常常会使用 Promise 来处理异步操作。但是，有时候我们希望能够控制 Promise 的执行时间，比如一段时间内没有完成某个异步操作，就返回一个错误信息。ECMAScript 2020 中引入的 Promise.allSettled 方法可以很好地实现这个功能。
Promise.allSettled 方法基本语法
Promise.allSettled 方法的基本语法为：
Promise.allSettled(iterable)
其中，iterable 为一个可迭代的对象，比如数组或 Set，里面的每个元素都是一个 Promise 对象。
Promise.allSettled 方法的返回值是一个 Promise 对象，它的状态分为两种：
- 如果所有的 Promise 对象都变成了 fulfilled 状态，那么返回的 Promise 对象的状态为 fulfilled，返回值是一个由所有 Promise 对象的结果组成的数组。
- 如果所有的 Promise 对象中至少有一个变成了 rejected 状态，那么返回的 Promise 对象的状态为 fulfilled，返回值是一个由所有 Promise 对象的状态和值组成的数组。
Promise 超时处理的实现
具体实现中，我们可以结合 Promise.race 方法和 Promise.allSettled 方法来实现 Promise 的超时处理。
首先，通过 Promise.race 方法，我们可以创建一个 Promise 对象，它的状态取决于最快完成的 Promise 对象的状态。如果最快完成的 Promise 对象没有在一定的时间内完成，那么这个 Promise 对象就会变成 rejected 状态。
然后，我们可以使用 Promise.allSettled 方法，来判断所有的 Promise 对象是否都已经完成。如果都完成了，那么我们就可以直接返回所有 Promise 对象的结果。否则，我们就返回一个错误信息。
下面是一个简单的示例代码：
-- -------------------- ---- -------
-------- ------------------ -
------ --- ----------------- ------- -- -
------------- -- -
--------------- ----- --- ----- ----- -----
-- ----
---
-
-------- ------------------------ -------- -
----- -------------- - ------------------------
------ ------------------------------------------- ------------------------- -- -
-- -------- -
----- -------
-
------ -------
---
-
----- -------- - -
--- --------------- -- ------------- -- ---------------- ---- ------
--- --------------- -- ------------- -- ---------------- ---- ------
--- --------------- -- ------------- -- ---------------- ---- ------
--
------------------------ -----
--------- -- -----------------
---------- -- --------------------在上述代码中，我们定义了一个 timeoutPromise 函数，它返回一个 Promise 对象，并且在指定的时间内没有执行完毕，则这个 Promise 对象就会变成 rejected 状态。
然后，我们定义了一个 executePromise 函数，它用到了 Promise.race 和 Promise.allSettled 方法。在函数内部，我们先使用 Promise.race 方法，创建一个新的 Promise 对象。这个 Promise 对象会同时执行 Promise.allSettled 和 timeoutPromise 两个 Promise 对象，并且取决于它们中哪个最先完成。
当这个 Promise 对象的状态变成 fulfilled 时，我们检查一下两个 Promise 对象的状态。如果 timeoutPromise 这个 Promise 对象已经变成了 rejected 状态，那么我们就直接抛出一个错误。否则，我们就返回所有 Promise 对象的结果。
最后，我们执行 executePromise 函数，传入一个包含三个延时执行的 Promise 对象的数组，和一个超时时间。当执行完毕后，我们就可以打印出所有 Promise 对象的结果。
总结
在本文中，我们介绍了 ECMAScript 2020 中的 Promise.allSettled 方法以及如何利用它来实现 Promise 的超时处理。通过结合 Promise.race 和 Promise.allSettled 方法，我们可以很容易地控制 Promise 的执行时间，并给出错误信息。这个功能在前端开发中非常常用，可以提高代码的健壮性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cfff8fb5eee0b52570ef88