返回函数时为什么要修复“this”？

Question

我在书中读到了一段代码，

Function.prototype.before = function(beforefn){
    var _self = this;
    return function(){
        beforefn.apply(this,arguments);
        return _self.apply(this,arguments);
    }
}

执行时 beforefn.apply(this,arguments);andreturn _self.apply(this,arguments);，我认为即使不修复“this”也会得到相同的结果。

function test(){
    return function(){
        alert(this.foo);
    }
}
var o1 = {
    foo:"foo",
    test:test(),
}

o1.test(); //alert foo

那么作者修复这个问题的目的是什么？ P.S 这是第一次在 StackOverflow 上提问，请原谅我的英语不好。谢谢

感谢您注意到我的问题！我会这样重写：

Function.prototype.before = function(beforefn){ var _self = this; return function(){ beforefn(arguments); return arguments.callee; } }

Answer 1

.apply(this, …) 没有修复 thisArg - 相反，它甚至使用返回函数中的当前动态this 使其成为动态的。看看它的效果如何：

function test(){
   alert(this.foo);
}
var o1 = {
    foo: "bar",
    test: test.before(function() { console.log(this); })
};
o1.test(); // logs o1, alerts "bar"
o1.test.call({}); // logs the empty object, alerts undefined

如果你没有传递当前的this，你只会修复_self的this参数，如

Function.prototype.before = function(beforefn){
    var fn = this;
    return function() {
        beforefn.apply(null, arguments);
        return fn.apply(null, arguments);
    }
}

o1.test() 将不再起作用。当然，apply 仍然需要向函数传递可变数量的参数。