深入理解Promise.allSettled的并发任务计时与性能分析

/**
 * 封装 Promise.allSettled，并在每个 Promise 完成时记录其耗时到控制台。
 * @param {Array<Promise<any>>} promises - Promise 数组。
 * @returns {Promise<PromiseSettledResult<any>[]>} - 与 Promise.allSettled 相同的返回结果。
 */
function allSettledTimedLog(promises) {
    const startTime = Date.now(); // 记录 Promise.allSettled 调用的起始时间

    // 遍历每个 Promise，使用 .finally() 拦截其完成事件
    const timedPromises = promises.map((p, index) => {
        return p.finally(() => {
            // 在 Promise 完成时计算耗时并打印
            console.log(`[任务 ${index}] 完成，耗时 ${Date.now() - startTime}ms`);
        });
    });

    // 将增强后的 Promise 数组传递给 Promise.allSettled
    return Promise.allSettled(timedPromises);
}

const task1 = new Promise(resolve => setTimeout(() => resolve('Task 1 Done'), 100));
const task2 = new Promise((resolve, reject) => setTimeout(() => reject('Task 2 Failed'), 500));
const task3 = new Promise(resolve => setTimeout(() => resolve('Task 3 Complete'), 200));

allSettledTimedLog([task1, task2, task3]).then(results => {
    console.log('所有任务落定结果:', results);
});
// 预期控制台输出类似：
// [任务 0] 完成，耗时 10Xms
// [任务 2] 完成，耗时 20Xms
// [任务 1] 完成，耗时 50Xms
// 所有任务落定结果: [...]

/**
 * 封装 Promise.allSettled，并将每个 Promise 的耗时嵌入到返回结果中。
 * @param {Array<Promise<any>>} promises - Promise 数组。
 * @returns {Promise<Array<PromiseSettledResult<any> & { time?: number }>>} - 包含耗时信息的 PromiseSettledResult 数组。
 */
function allSettledTimed(promises) {
    const startTime = Date.now();
    const taskTimes = new Array(promises.length); // 用于存储每个任务的耗时

    // 增强每个 Promise，使其在 finally 阶段记录耗时到 taskTimes 数组
    const enhancedPromises = promises.map((p, index) => {
        return p.finally(() => {
            taskTimes[index] = Date.now() - startTime; // 记录从开始到完成的耗时
        });
    });

    // 等待所有增强后的 Promise 落定
    return Promise.allSettled(enhancedPromises).then(results => {
        // 将记录的耗时信息合并到 Promise.allSettled 的结果中
        for (let i = 0; i < results.length; i++) {
            // 为每个结果对象添加 'time' 属性
            results[i].time = taskTimes[i];
        }
        return results;
    });
}

const apiCall1 = new Promise(resolve => setTimeout(() => resolve({ data: 'User Info' }), 300));
const apiCall2 = new Promise((resolve, reject) => setTimeout(() => reject(new Error('Auth Failed')), 600));
const apiCall3 = new Promise(resolve => setTimeout(() => resolve({ data: 'Product List' }), 150));

allSettledTimed([apiCall1, apiCall2, apiCall3]).then(results => {
    console.log('所有任务及耗时结果:', results);
    // 遍历结果，分析耗时
    results.forEach((res, index) => {
        if (res.status === 'fulfilled') {
            console.log(`任务 ${index} 成功，耗时 ${res.time}ms，结果:`, res.value);
        } else {
            console.log(`任务 ${index} 失败，耗时 ${res.time}ms，原因:`, res.reason);
        }
    });
});
// 预期控制台输出类似：
// 所有任务及耗时结果: [
//   { status: 'fulfilled', value: { data: 'User Info' }, time: 30X },
//   { status: 'rejected', reason: [Error: Auth Failed], time: 60X },
//   { status: 'fulfilled', value: { data: 'Product List' }, time: 15X }
// ]
// 任务 0 成功，耗时 30Xms，结果: { data: 'User Info' }
// 任务 1 失败，耗时 60Xms，原因: Error: Auth Failed
// 任务 2 成功，耗时 15Xms，结果: { data: 'Product List' }