为何async/await等待Promise后后续代码未执行？技术求助

问题核心 #

你编写的代码中，Promise从未调用resolve()方法，导致await一直处于挂起状态，后续的console.log(result)永远不会执行。

原因解释 #

Promise的工作依赖状态切换：创建时处于pending（等待）状态，只有调用resolve()（完成）或reject()（失败），才会切换到对应状态，await才能感知到Promise的结束，进而执行后续代码。你的setTimeout回调里只修改了result变量，但没有调用resolve()，所以Promise会一直卡在pending状态，await永远不会放行。

修复方案 #

只需要在setTimeout的回调中调用resolve()即可结束Promise的等待状态，让后续代码正常执行：

const asyncFnc = async () => {
    let result = false;
    await new Promise(resolve => {
        setTimeout(() => {
            console.log('waited 5s');
            result = true;
            resolve(); // 调用resolve，结束Promise的pending状态
        }, 5000);
    });
    console.log(result); // 现在会正常打印true
}

asyncFnc();

更规范的写法可以直接通过resolve()传递结果，避免使用外部变量：

const asyncFnc = async () => {
    const result = await new Promise<boolean>(resolve => {
        setTimeout(() => {
            console.log('waited 5s');
            resolve(true); // 将结果通过resolve传递
        }, 5000);
    });
    console.log(result); // 打印true
}

asyncFnc();

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