使用function.apply（...）时保留函数的作用域

Question

考虑以下示例：

var funcToCall = function() {...}.bind(importantScope);

// some time later
var argsToUse = [...];
funcToCall.apply(someScope, argsToUse);

我想保留funcToCall的'importantScope'。然而，我需要使用apply来应用未知数量的参数。 'apply'要求我提供'someScope'。我不想更改范围，我只想将参数应用于函数并保留其范围。我该怎么办？

Answer 1

您可以将任何旧对象（包括null）作为apply()来电的第一个参数传递，this仍为importantScope。

function f() {
    alert(this.foo);
}

var g = f.bind( { foo: "bar"} );

g(); // Alerts "bar"
g.apply(null, []); // Alerts "bar"

bind方法创建一个新函数，其中this值保证是您作为bind调用参数传入的对象。无论这个新函数如何被调用，this将始终是相同的。一个简单的实现看起来像这样（注意实现指定的ECMAScript 5和Prototype中的实现不仅仅是这个，但这应该给你的想法）：

Function.prototype.bind = function(thisValue) {
    var f = this;
    return function() {
        return f.apply(thisValue, arguments);
    };
};