Promise.all中无法捕获异常求助：try/catch为何失效？

问题原因 #

你代码中的try/catch无法捕获异常，核心问题出在Promise.all的数组元素求值阶段：

• 数组里的await delayedValue(...)会顺序阻塞执行：先等待第一个delayedValue('here') resolve，再调用fct抛出错误
• 此时Promise.all还未被创建，这个rejected状态的Promise没有被任何catch逻辑包裹，直接触发了未捕获的Promise rejection

具体执行流程：

1. 进入try块后，先计算Promise.all的参数数组
2. 计算第一个元素fct(await delayedValue('here'))：
   • 暂停当前async函数，等待1秒后得到'here'
   • 调用fct('here')返回rejected Promise
   • 这个Promise没有被Promise.all或try/catch处理，直接抛出未捕获错误
3. 第二个数组元素还未开始计算，错误已经触发

解决方案 #

要让所有Promise的rejection被try/catch捕获，需让Promise.all的数组元素是独立并行的Promise，避免在数组求值阶段用await阻塞。以下是两种可行写法：

写法一：用自执行async函数包裹每个任务 #

const fct = async (msg) => {
    throw new Error(msg)
}

const delayedValue = (value) => new Promise((resolve) => setTimeout(() => resolve(value), 1000));

(async () => {
    try {
        console.log(await Promise.all([
            (async () => fct(await delayedValue('here')))(),
            (async () => fct(await delayedValue('it is')))()
        ]));
    } catch (e) {
        console.error('catched', e);
    }
})();

写法二：利用Promise链式调用 #

const fct = async (msg) => {
    throw new Error(msg)
}

const delayedValue = (value) => new Promise((resolve) => setTimeout(() => resolve(value), 1000));

(async () => {
    try {
        console.log(await Promise.all([
            delayedValue('here').then(msg => fct(msg)),
            delayedValue('it is').then(msg => fct(msg))
        ]));
    } catch (e) {
        console.error('catched', e);
    }
})();

这两种写法会让两个延迟任务并行执行，它们的rejection会被Promise.all统一收集，最终被外层try/catch捕获。

内容的提问来源于stack exchange，提问作者Poyoman