Promise.all在try-catch中未捕获错误的原因及相关疑问

我是JavaScript新手，曾在Stack Overflow上看到类似帖子，但情况并不完全相同。以下代码中，单独使用await调用抛出错误的异步函数时，try-catch能正常捕获错误：

async function funcThatThrowsError() {
    throw new Error('some error');
}

(async () => {
    try {
        await funcThatThrowsError();
    } catch (error) {
        console.log('error caught');
    }
})();

但将Promise.all置于try-catch中时，catch无法捕获错误：

async function funcThatThrowsError() {
    throw new Error('some error');
}

(async () => {
    try {
        Promise.all([funcThatThrowsError()]);
    } catch (error) {
        console.log('error caught');
    }
})();

若给Promise.all中的单个Promise添加catch，则能捕获错误：

async function funcThatThrowsError() {
    throw new Error('some error');
}

(async () => {
    Promise.all([
        funcThatThrowsError().catch((e) => {
            console.log('caught error');
        }),
    ]);
})();

我的问题：

1. 为何会出现这种差异？
2. 使用Promise.all时，是否必须为每个传入的Promise定义catch，否则未捕获的异常会导致应用崩溃？

问题1：为何会出现这种差异？ #

• 第一个例子中，await会暂停异步函数执行，直到目标Promise状态变更。当funcThatThrowsError()返回的Promise变为rejected时，await会将这个rejection转化为可被try-catch捕获的同步风格错误，因此catch块能正常触发。
• 第二个例子里，你只调用了Promise.all()但没有用await等待它的结果。Promise.all()本身返回一个Promise，当内部有Promise rejected时，这个返回的Promise也会变成rejected状态，但由于你没有监听这个Promise的状态（既不用await，也不加.catch()），它的rejection就成了未处理的Promise拒绝，这种错误无法被外层的try-catch捕获——因为try-catch只能捕获同步代码，或者被await/.then()/.catch()明确处理的Promise错误。
• 第三个例子中，单个Promise的.catch()会把rejected状态转换成resolved状态（catch默认返回undefined，对应resolved的Promise），所以Promise.all()接收的是一个resolved的Promise，自然不会触发未处理拒绝，错误被内部的catch提前拦截了。

问题2：使用Promise.all时，是否必须为每个传入的Promise定义catch？ #

不需要，你有两种更高效的处理方式：

1. 用await配合外层try-catch：给Promise.all()加上await，它返回的Promise一旦rejected，就会被外层的try-catch捕获：

async function funcThatThrowsError() {
    throw new Error('some error');
}

(async () => {
    try {
        await Promise.all([funcThatThrowsError()]);
    } catch (error) {
        console.log('error caught');
    }
})();

2. 给Promise.all()本身加.catch()：不用await的话，直接在Promise.all()后链式调用.catch()，可以捕获内部任何Promise的rejection：

async function funcThatThrowsError() {
    throw new Error('some error');
}

(async () => {
    Promise.all([funcThatThrowsError()])
        .catch(error => console.log('error caught'));
})();

只有当你既不等待Promise.all()的结果，也不给它加.catch()，同时内部Promise也没有自身的.catch()时，才会出现未处理的Promise拒绝。现代Node.js环境中这种情况会触发进程退出，浏览器里则会在控制台报错，但一般不会直接导致整个应用崩溃。

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