在匿名函数中访问对象值

Question

我有一个跟踪某些值以及一组条件的对象（事物）：

var Thing = function(currentValue) {
    this.currentValue = currentValue;
    this.conditions = [];
};

可以将条件添加到此列表：

Thing.prototype.addCondition = function(condition) {
    this.conditions.push(condition);
}

我希望条件采取某种功能的形式，以便我可以做

thing.addCondition(thing.exampleCondition(valueToCheckFor));

这些条件都可以通过检查

Thing.prototype.evaluateConditions = function() {
    this.conditions.forEach(function(condition) {
        if (condition()) {
            //Do something
        }
    });
};

目前，我有一个这样的条件函数：

Thing.prototype.exampleCondition = function(value) {
    return function() {
        return this.currentValue === value;
    };
};

这显然不起作用-匿名函数中未定义this.currentValue。 我的问题是，我需要传递到exampleCondition的值以在调用validateConditions（）时对照currentValue的值进行评估-因此我不能做

Thing.prototype.exampleCondition = function(value) {
    var c = this.currentValue;
    return function() {
        return c === value;
    };
};

我有点像javascript菜鸟，但希望你们聪明的人可以在这里为我指明正确的方向。

Answer 1

在javascript中，每个函数总是根据上下文进行评估，该上下文定义了this的值。

可以在调用函数时显式或隐式设置函数的上下文。 为了隐式设置上下文，您必须调用以下函数：

//z will be the context, in other words, inside method: this = z
a.b.c.d...z.method();

为了显式设置上下文，可以在Function对象的原型中使用两个函数： apply和call 。 这两个与每种浏览器都兼容，因此您不会遇到任何问题。 事实是，使用这两种方法，您每次调用该函数时都要设置上下文，因此如果直接使用它们，对您的问题将无济于事。

您必须定义一个始终在每次调用时都针对相同上下文求值的函数。 为此，您可以使用在Function对象原型中定义的bind函数，问题是它与旧的浏览器不兼容，因为这是对ECMA-262，第5版的最新添加。 不过，解决方案可以将每个条件函数绑定到addCondition函数中的对象：

Thing.prototype.exampleCondition = function(value) {
    return function() {
        return this.currentValue === value;
    };
};

Thing.prototype.addCondition = function(condition) {
    //The bind function will return a function that will always execute with your object as context
    this.conditions.push(condition.bind(this));
}

为了与浏览器兼容，您可以尝试以下代码 。 将其放在脚本的开头，可以确保每个浏览器都具有绑定功能。

另一个可能的解决方案可能是：

Thing.prototype.exampleCondition = function(value) {
    var self = this;
    return function() {
        return self.currentValue === value;
    };
};

事实是，在这种情况下，您没有使用上下文，而是在返回的函数中忽略了它。 而不是使用上下文，而是将其替换为范围中定义的某些变量。 为此，您要强制定义为条件函数的每个函数执行该操作。 我认为第一个解决方案更好。

Answer 2

问题在于， this在每个函数内部都会发生变化。

然后，在exampleCondition返回的函数内部， this将不是您的Thing实例，它将是非严格模式下的window ，而在严格模式下undefined 。

因此，您可以

Thing.prototype.exampleCondition = function(value) {
    var that = this;
    return function() {
        return that.currentValue === value;
    };
};

或者，如果您愿意，可以使用ES5 bind ：

Thing.prototype.exampleCondition = function(value) {
    return (function() {
        return this.currentValue === value;
    }).bind(this);
};