从对象本身访问对象属性

Question

我在学习面向对象的Javascript时遇到了一些麻烦。我有两个类称为Cosmos和Background，Cosmos看起来是这样的：

// js/Cosmos.js 
function Cosmos() { 
    this.background = new Background(); 

    // Fire game loop 
    this.ticker = setInterval(this.tick, 1000/60); 
} 

// Main game loop 
Cosmos.prototype.tick = function() { 
    console.log(this.background); 
} 

当主游戏循环蜱，我在控制台中看到undefined。我不太明白这一点，因为this.background是Cosmos类的一个属性，所以它应该可以通过Cosmos类中定义的方法访问，否？

如果我回到我的index.html网页的脚本标记，并将其改成这样：

// Lift off 
var cosmos = new Cosmos(); 
console.log(cosmos.background); 

它的工作原理和Background对象被记录到控制台。任何人都可以提供解释并告诉我如何从Cosmos.tick内访问Cosmos的属性？

编辑：原来，问题是事做setInterval()，因为如果我这样做正确的对象登录到控制台：

function Cosmos() { 
    this.background = new Background(); 

    // Fire game loop 
    //this.ticker = setInterval(this.tick, 1000/60); 
    this.tick(); 
} 

// Main game loop 
Cosmos.prototype.tick = function() { 
    console.log(this.background); 
} 

仍然不知道它周围的最好办法，但。

Answer 1

当从setInterval调用函数时，this将不再绑定到对象。

这是一个快速解决问题的方法：

// js/Cosmos.js 
function Cosmos() { 
    var self = this; 
    this.background = new Background(); 

    // Fire game loop 
    this.ticker = setInterval(function() { 
     self.tick(); 
    }, 1000/60); 
} 

通过使用self变量，内部函数获取访问this。

Answer 2

在功能范围this为setInterval是window，但你可以通过.bind改变功能范围（或只是重新声明this像对方回答说）：

this.ticker = setInterval(this.tick.bind(this), 1000/60); 

http://jsfiddle.net/ExplosionPIlls/SwQ5V/