如何使用Promise.all()函数

Promise.all() 是 JavaScript 中的一个非常有用的函数，它允许你并行执行多个 Promise，并在所有 Promise 都成功完成时返回一个包含所有结果的数组。如果任何一个 Promise 失败，则整个 Promise.all() 也会立即失败，并返回第一个失败的 Promise 的错误原因。

基础概念

Promise: 是 JavaScript 中表示异步操作的对象，它代表了一个尚未完成但预计将来会完成的操作。
Promise.all(): 接收一个 Promise 对象的数组作为参数，当这个数组里的所有 Promise 对象都成功解析后，它才会解析。

优势

并行执行: 可以同时启动多个异步操作，提高效率。
统一处理: 所有异步操作完成后，可以一次性处理所有结果或错误。

类型

Promise.all() 返回一个新的 Promise 对象。

应用场景

当你需要同时等待多个异步操作完成时。
在处理多个独立的网络请求时。
在初始化多个资源时，需要等待所有资源都准备好。

示例代码

// 假设我们有两个异步函数
function fetchUserData(userId) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(`User data for user ${userId}`);
        }, 1000);
    });
}

function fetchUserPosts(userId) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(`Posts for user ${userId}`);
        }, 1500);
    });
}

// 使用 Promise.all() 同时执行这两个异步操作
Promise.all([
    fetchUserData(1),
    fetchUserPosts(1)
]).then((results) => {
    console.log('All promises resolved:', results);
}).catch((error) => {
    console.error('One of the promises was rejected:', error);
});

遇到的问题及解决方法

问题1: 如果其中一个 Promise 失败了怎么办？

如果数组中的任何一个 Promise 被拒绝，Promise.all() 会立即被拒绝，并返回第一个被拒绝的 Promise 的错误原因。

解决方法: 使用 .catch() 方法来捕获错误，并进行相应的处理。

Promise.all([
    fetchUserData(1),
    fetchUserPosts(1)
]).then((results) => {
    console.log('All promises resolved:', results);
}).catch((error) => {
    console.error('One of the promises was rejected:', error);
});