使用 async/await 捕获 Promise 中的错误

Question

我试图用 async/await 捕获承诺中的错误，但以下代码会导致“未捕获的错误...”function messup() {    var promise = new Promise(function(resolve, reject){        setTimeout(function() {            throw new Error("Thrown from messup()");            resolve('hello from messup function');        }, 1000);    });    return promise;}async function waitForMe() {    try {        await messup();    }catch(e) {        console.log ('*****Error successfully caught! *****');    }}waitForMe()

Answer 1

您是从 Promise 回调中抛出错误setTimeout，而不是从 Promise 回调中抛出错误。与任何其他计时器回调一样，没有任何东西可以处理该错误，它将直接进入浏览器的主机代码，这可能会将其转储到控制台。

如果您想拒绝返回的承诺，请使用reject：

function messup() {

    var promise = new Promise(function(resolve, reject){

        setTimeout(function() {

            reject(new Error("Thrown from messup()"));

            resolve('hello from messup function'); // This line is pointless now

        }, 1000);

    });

    return promise;

}

如果您希望捕获计时器回调中的任何同步错误并将其传递给reject，您可以使用try/catch来实现：

function messup() {

    var promise = new Promise(function(resolve, reject){

        setTimeout(function() {

            try {

                throw new Error("Thrown from messup()");

                resolve('hello from messup function'); // This line will never be reached

            } catch (e) {

                reject(e);

            }

        }, 1000);

    });

    return promise;

}

Answer 2

Try-catch 与 一起使用时，await专门寻找要履行或拒绝的承诺。

如果您拒绝承诺，而不是抛出与承诺的解决方案无关的错误（如您目前的情况），它将通过您当前的设置捕获。

需要明确的是，您当前抛出的错误不会以任何方式插入到您正在运行的异步操作中。

function messup() {

    var promise = new Promise(function(resolve, reject){

        setTimeout(function() {

            reject("Thrown from messup()"); //<-- do this instead

        }, 1000);

    });

    return promise;

}

进一步阅读：我在 async/await 指南中详细介绍了async/await错误处理。