Promise.all() 是 JavaScript 中用来处理多个 Promise 并行执行的方法，它接收一个 Promise 数组作为参数，并返回一个新的 Promise 对象。当所有的 Promise 都成功执行时，新的 Promise 对象会成功执行并返回所有 Promise 的结果数组，否则会返回第一个失败的 Promise 对象的结果。
但是，当其中一个 Promise 返回的结果会影响其他 Promise 的执行结果时，我们该如何处理呢？
一种常见的情况就是在多个请求中，其中一个请求返回的结果会影响其他请求的执行。比如我们需要从两个接口中获取数据，其中第一个接口返回的数据会影响第二个接口的请求参数，这时候我们可以使用 Promise.all() 和 async/await 来实现。
首先，我们定义两个 Promise 对象，一个用来获取第一个接口数据，另一个用来获取第二个接口数据。第二个 Promise 对象的请求参数需要根据第一个接口返回的数据来动态生成。
-- -------------------- ---- -------
----- ------------ - -- -- -
------ --- ----------------- ------- -- -
-- -------
-------------- ------
--
-
----- ------------- - ----------- -- -
------ --- ----------------- ------- -- -
-- --------------------
----- ----------- - ------------- - ------ ------
-- -------
--------------- ---- ---- ----------------
--
-接下来，我们使用 Promise.all() 来并行执行这两个 Promise 对象，并使用 async/await 来处理第一个 Promise 对象的返回结果，并将其作为第二个 Promise 对象的参数。
-- -------------------- ---- -------
----- ------- - ----- -- -- -
--- -
-- ------ ------- --
----- ----------- ----------- - ----- ---------------------------- --------------------------
---------------------- -----------
- ----- ------- -
------------------
-
-
---------这样，我们就能够处理其中一个 Promise 返回的结果会影响其他 Promise 的执行结果的情况了。
总结起来，使用 Promise.all() 和 async/await 可以方便地处理多个 Promise 并行执行的情况，并且可以灵活地处理其中一个 Promise 返回的结果会影响其他 Promise 的执行结果的情况。在实际开发中，我们需要根据具体的需求和业务场景来选择合适的处理方式，以提高代码的效率和可维护性。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/65f071cd2b3ccec22f97551f