javascript - 为什么嵌套的Promise不能按预期捕获Exception？

Question

我有如下的代码,本来期望‘core exception’ 可以被 ‘立即执行的函数（见最后）’捕获到，并打印出“Got it in main scope”，但没有按预期执行，即"Got it in main scope"没有打印。 {代码...} 程序运行结果为 {代码....

滿天的星座 · Answer

简化的例子是这样的:

function core() {
    return new Promise(async (fulfill, reject) => {
        // Promise constructor的参数的返回值是被无视的
        // 加个async不会导致新Promise被连接到fulfill或reject
        // 所以下面的那个Promise不会被then或catch，成为你看到的现象
        return Promise.reject(new Error("core exception rises"));
    });
};

core();

过去多啦不再A梦 · Answer

改改：

return new Promise(async (resolve, reject) => {
    try {
        await wrapper();
    } catch(error) {
        reject(new Error("core exception rises"));
    }
});

或者：

return (async function( ) {
    try {
        await wrapper();
    } catch(error) {
        console.error(error.message);
        throw new Error("core exception rises");
    }
}());

你代码的问题是，core exception rises这个地方的Promise既没有resolve，也没有reject，所以你要怎样呢？^^

黄舟 · Answer

为什么我只有做如下的修改，才能得到预期的结果呢？是不是和microtask有关呢？谁能帮忙清楚地解释一下？

'use strict';
 
function core() {
    function wrapper() {
        return new Promise((resolve, reject) => {
            throw new Error("wrapper exception rises");
        });
    }
 
    return new Promise(async (resolve, reject) => {
        try {
            await wrapper();
        } catch(error) {
            console.error(error.message);
            //throw new Error("core exception rises");
            reject(new Error("core exception rises"));
        }
    });
}
 
 
(async function() {
    try {
        await core().catch(err => {
            console.log("core promise rejected - " + err.message);
            throw new Error("main exception propagated");
        });
    } catch(error) {
        console.error(error.message);
        console.error("Got it in main scope");
    }
})();

得到的运行结果为：

wrapper exception rises
core promise rejected - core exception rises
main exception propagated
Got it in main scope

迷茫 · Answer

<脚本>警报（'s'）