为什么等待语句在新的promise构造函数中不起作用

Question

下面的代码给出了一个错误SyntaxError:await仅在异步函数和顶级模块体中有效。我不知道我错过了什么。

function timeout(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
async function test(num) {
    return new Promise((resolve, reject) => {
        await timeout(1000);
        if (num == 11) {
            reject("error");
        }
        else {
            resolve("completed");
        }
    });
}
test(11).then((val) => { console.log(val) }).catch((err) => { console.log(err) });

Answer 1

因为您试图在其中使用它的函数（您传递的promise构造函数的promise执行器函数）不是一个async函数（几乎永远不应该是）。wait运算符只存在于async函数中。promise执行器的工作是启动promise将报告完成的异步过程。如果这样做涉及到使用现有的promise（这将是您使用async函数的原因，因此您可以等待它），您根本不使用new Promise；您链断了您已经完成的promise有。在新的Promise（）构造函数中使用async/wait是否是反模式？在您的示例中，您只需使用来自timeout的promise，如下所示：

function timeout(ms) {
    return new Promise((resolve) => setTimeout(resolve, ms));
}
async function test(num) {
    await timeout(1000);
    if (num == 11) {
        throw "error"; // (Best practice is to use `new Error` here)
    }
    return "completed";
}
test(11).then((val) => { console.log(val) }).catch((err) => { console.log(err) });