JavaScript中async函数能否返回含then方法的对象作为Promise决议值？

核心结论 #

带then方法的对象可以作为Promise的决议值返回，但你的代码之所以停滞，是因为这个then方法不符合Promise规范，导致await一直处于等待状态。

原因解析 #

JavaScript的Promise机制遵循「thenable」规则：任何带有then方法的对象，都会被视为可兑现的Promise。当你用await处理这类对象时，JS会自动调用它的then方法，并传入两个回调参数：resolve（用于完成Promise）和reject（用于拒绝Promise）。

你的例子中，then方法只是一个普通函数，既没有接收resolve参数，也没有调用它来完成Promise的状态变更。这就导致await永远等不到Promise完成，代码卡在那里。

解决方案 #

如果确实要把带then方法的普通对象作为决议值返回，需要绕过JS的自动展开逻辑——手动构造Promise，直接将目标对象作为决议值传递：

async function f() {
    // 手动创建Promise，直接resolve带then方法的对象
    return new Promise(resolve => {
        resolve({
            then() {
                return 42;
            }
        });
    });
}

async function main() {
    let result = await f();
    console.log(result); // 输出: { then: [Function: then] }
    console.log(result.then()); // 输出: 42
}
main();

为什么改then名字就有效 #

当你把then改成其他名称后，对象不再符合thenable的判定规则，JS不会将它当作Promise处理。await会直接返回这个对象，自然能正常执行后续代码。

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