在前端开发中，经常遇到需要同时处理多个异步请求的情况。如果只是简单地使用嵌套的回调函数，代码会变得冗长、难以维护。而 Promise.all() 方法则可以帮助我们更优雅地处理这个问题。
Promise.all() 方法简介
Promise.all() 方法接收一个由 Promise 对象组成的数组作为参数，返回一个新的 Promise 对象。这个新的 Promise 对象在所有的 Promise 对象都成功解决后才会被解决，如果其中任何一个 Promise 对象被拒绝（rejected），则整个 Promise.all() 方法也会被拒绝。
Promise.all() 方法的语法如下：
Promise.all(iterable);
其中，iterable 是一个可迭代对象（比如数组），由多个 Promise 对象组成。
Promise.all() 方法的应用
假设我们需要同时向多个 API 发送请求，并在所有请求都完成后将结果合并。如果使用传统的回调函数方法，代码会变得很冗长：
-- -------------------- ---- ------- -------- ------------------ - ------------------------------------- --------------- - ------------------------------------- --------------- - ------------------------------------------- --------------------- - ---------- ------ ------ ------ ------ ------------ ----------- --- --- --- --- -展开代码
而使用 Promise.all() 方法，代码会变得更加简洁：
-- -------------------- ---- ------- -------- ---------- - ------ ------------- -------------------------------------- -------------------------------------- ------------------------------------------- ------------------------- - ------ - ------ ----------- ------ ----------- ------------ ---------- -- --- -展开代码
Promise.all() 方法的注意事项
在使用 Promise.all() 方法时，需要注意以下几点：
- 所有的 Promise 对象都需要成功解决，否则整个 Promise.all() 方法会被拒绝。
- Promise.all() 方法返回的结果是一个数组，数组的元素顺序与传入的 Promise 对象顺序一致。
- 如果传入的 Promise 对象中有一个对象被拒绝，Promise.all() 方法会返回被拒绝的对象的值，而其他对象的值会被忽略。
示例代码
-- -------------------- ---- ------- -------- ---------- - ------ ------------- --------------------------------------- --------------------------------------- -------------------------------------------- --------------------------- - ------ -------------------------------------------- - ------ ---------------- ---- ------------------------- - ------ - ------ ----------- ------ ----------- ------------ ---------- -- --- -展开代码
在这个示例代码中，我们使用了 fetch() 方法来发送 AJAX 请求，然后使用 Promise.all() 方法等待所有请求都完成。在所有请求完成后，我们使用 Promise.all() 方法再次等待所有响应的 JSON 数据都被解析。最后，我们将所有数据合并到一个对象中，并将该对象返回。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d8869ca941bf7134efb8e8
