解决时如何将 Promise 作为另一个 Promise 的结果返回

Question

这里是一个示例代码：

function getExtendedPromise() {
    const promise = new Promise((resolve) => {
        setTimeout(() => {
            resolve('Hi');
        }, 1000)
    });
    promise.on = () => {
        console.log('on listener called')
    };
    console.log('getExtendedPromise: ', promise);
    return promise;
}

async function callExtendedPromise() {
    await Promise.resolve();
    return Promise.resolve(getExtendedPromise())
}

const promise = callExtendedPromise();
console.log('callExtendedPromise Try: ', promise);
callExtendedPromise().then((result) => {
    console.log('Final Result: ', result)
});

日志结果：

callExtendedPromise Try:  Promise { <pending> }
getExtendedPromise:  Promise { <pending>, on: [Function] }
getExtendedPromise:  Promise { <pending>, on: [Function] }
Final Result:  Hi

从上面的示例中可以看出，当对象在 getExtendedPromise() 函数中记录时，它具有on 属性。然后我将它包装在Promise.resolve 中，并将其返回给调用者，因为我希望调用者获取具有on 属性的Promise 对象。

但是，当调用 callExtendedPromise() 时，我无法使用 on 属性访问包装好的承诺。

如何使用 on 属性获取该 promise 实例？

getExtendedPromise() 是库的一部分，不开放修改。

P.S.扩展promise的结构选择不是我在原始代码中的选择，而是从库中返回的结构。

Answer 1

很遗憾，可能无法从async 函数返回扩展的Promise。 （以下取自async function on MDN）

...异步函数的返回值隐式包装在 Promise.resolve 中。

---

如果您可以修改 callExtendedPromise 并且可以将扩展部分（即对 on 的任何调用）限制为该方法，那么我会这样做。或者，您可以使用某种返回的对象（见下文）。我一般建议不要这样做（尽管问题的真正根源是尝试扩展单个 Promise 实例，然后也将其用作 Promise，这听起来你无法调整），但是应该是

async function callExtendedPromise() {
    await Promise.resolve();
    return {extendedPromise: getExtendedPromise()};
}

...

const extendedPromise = (await callExtendedPromise()).extendedPromise;
extendedPromise.on(); // 'on listener called'
extendedPromise.then(message => console.log(message)); // 'Hi!'