在JavaScript中使用数字值引用对象属性

Question

我遇到了-似乎-有点奇怪的问题。 假设我有一个像这样的JavaScript对象：

var Object = {
    Property1: 0,
    Property2: 1,
    TxtProperty: "Sample text",

    Update: function () {
        this.Property1++;                      // Doesn't work
        Object.Property2++;                    // Does work
        this.TxtProperty = "Hello world";      // Does work

        $('#prop-1').text(this.Property1);     // Prints NaN
        $('#prop-2').text(Object.Property2);   // Prints correct value
        $('#txt-prop').text(this.TxtProperty); // Prints correct value
    }
};

看到这个小提琴进行演示。 单击“开始”以启动计时器并更新值。 如您所见，使用parseInt也不起作用。

我已经在Firefox，Chrome和IE10中对此进行了测试。 它们都表现出相同的行为。

为什么不能从具有函数值的另一个属性中使用this值引用具有数字值的属性？ 为什么它适用于非数字值？ 这是错误还是故意的？

这并不是一个真正的问题，因为我们可以简单地使用父对象的名称来更新数值，但是我很好奇为什么会这样。

Answer 1

setTimeout在window上下文中运行该函数，因此this内部引用window 。 如果您bind适当的this上下文，则可以正常工作：

interval = setInterval(Object.Update.bind(Object), 1000);
                                     -----^------

演示： http ： //jsfiddle.net/wC2uM/2/

bind仅适用于现代浏览器，因此，如果您需要对旧IE的支持，请使用匿名函数：

interval = setInterval(function(){ Object.Update(); }, 1000);

请记住，在JavaScript中， this取决于调用函数的方式。 这是可变的。