javascript - “this”的javascript范围问题

Question

这是我的代码：

var timer = 
{
    i: "Hello",

    start: function()
    {       
        var self = this;             
        window.setInterval(self.tick, 1000);     
    },

    tick: function()
    {
        console.log(this.i);
    }       
}

timer.start();

为什么显示 javascript 控制台undefined？

Answer 1

您传递了对 的引用tick，但不是范围。尝试：

start: function(){       
    var self = this;             
    window.setInterval(function(){self.tick();}, 1000);     
}

或者使用bind（先看浏览器兼容性）

Answer 2

将 this.i 更改为 timer.i

或者使用像这样的对象声明

function timer() {
var self = this;
.. etc.

Answer 3

建议更改window.setInterval(self.tick, 1000);为

window.setInterval(self.tick.bind(self), 1000);