无法覆盖 Promise 类上的方法 - Promise.prototype.then 在不兼容的接收器上调用 undefined

Question

我正在尝试覆盖then,catch和finally函数。这是为了创建一个全局计数器并监控挂起的承诺。

代码需要执行 Postman Sandbox，所以我不能使用任何 NPM 模块。我需要用 Native JS 做到这一点

下面是我正在尝试解决的代码

_constructor = Promise.prototype.constructor
_then = Promise.prototype.then

Promise.prototype.constructor = (...args) => {
    console.log("Promise constructor called")
    let data = _constructor(...args)
    console.log("Promise constructor finished")
    return data;
}

Promise.prototype.then = (...args) => {
    console.log("then called")
    let data = _then.call(this, args)
    console.log("then finished")
    return data;
}

function test2(num) {
    let promise = new Promise((resolve, reject) => {
        if (num > 1) {
            setTimeout(()=> {
                resolve(num)
            }, 10)
        } else {
            reject(num);
        }
    });
    return promise
}

test2(10).then((num) => {
    console.log("Inside then")
    setTimeout(() => console.log("Promise has been resolved - " + num), 20);
})

但是当我运行这个时，我得到以下错误

    let data = _then.call(this, args)
                     ^

TypeError: Method Promise.prototype.then called on incompatible receiver #<Object>
    at Object.then (<anonymous>)
    at Promise.then.args (/Users/tarun.lalwani/Desktop/test/postman/temp.jsx:15:22)
    at Object.<anonymous> (/Users/tarun.lalwani/test/postman/temp.jsx:33:11)
    at Module._compile (module.js:660:30)
    at Object.Module._extensions..js (module.js:671:10)
    at Module.load (module.js:573:32)
    at tryModuleLoad (module.js:513:12)
    at Function.Module._load (module.js:505:3)
    at Function.Module.runMain (module.js:701:10)
    at startup (bootstrap_node.js:193:16)

我不确定这里有什么问题，或者这是否是正确的做法。

Answer 1

这有很多问题：

• new Promise将调用Promise，而不是被覆盖的Promise.prototype.constructor.
• 箭头函数不是构造函数。当被调用时它们会抛出new。
• 没有调用_constructor（即内置Promise）new会抛出
• 箭头函数不是方法。它们具有词法this值，而不是动态接收器。
• 你要apply的args，不是call他们，或使用传播语法

您可以通过正确使用functions 和Reflect对象来解决这些问题，但是我想为此使用 ES6 子类化要简单得多：

Promise = class extends Promise {
    constructor(...args) {
        console.log("Promise constructor called")
        let data = super(...args)
        console.log("Promise constructor finished")
        return data;
    }
    then(...args) {
        console.log("then called")
        let data = super(...args)
        console.log("then finished")
        return data;
    }
};

当然，这里没有什么能真正确定承诺何时挂起。