对间谍对象的非法调用

Question

我正在尝试创建一个Spy对象，该对象将监视在另一个对象上调用一个方法的次数。 我可以通过将目标的方法包装在Spy来使监视工作，但是当我尝试调用目标的方法时，出现了Illegal invocation错误，我不确定为什么。

function Spy(target, method) {
    var counter = 0;
    var oldFunc = target[method];
    target[method] = function(args){
        return (function(){
            counter++;
            oldFunc(args); //ILLEGAL
        })();
    }
    return { count : counter }
}
var spy = Spy(console, 'error');
console.error('foo', 'bar');
console.error('foobar');
console.log(spy.count);

http://jsfiddle.net/s505eemb/

Answer 1

函数调用的主要问题是：

• 你没有通过所有论点
• 您没有通过预期的this值
• 您没有返回结果值

使用apply方法解决此问题。 顺便说一句，IEFE是没有用的，您不是在更新.count属性，而是在更新本地counter变量。

function Spy(target, method) {
    var counter = 0;
    var oldFunc = target[method];
    target[method] = function() {
        counter++;
        return oldFunc.apply(this, arguments);
    };
    return { get count() { return counter; } }
}

（ 更新的演示 ）