Javascript забывает эту переменную

Question

У меня есть класс JavaScript (function) с переменной this.foo и функция this.bar(), this.bar() Я вызываю интервал, но имею небольшую проблему, JavaScript забывает this.foo и я не могу использовать this.foo в this.bar(). Зачем?

function Somethink(element) { 
    this.foo = element; 

    this.bar = function() { 
      // And now this.foo is undefined 
    } 

    setInterval(this.bar, 1000) 
} 

Answer 1

потому что this - это область видимости окна, когда интервал пробегает. Вы должны использовать замыкание или bind()

window.setInterval(this.bar.bind(this), 1000); 

Answer 2

function Somethink(element) { 
    var foo = element; 

    var bar = function() { 

    } 

setInterval(bar, 1000) 
} 

использовать переменные вместо этого. «Это» меняет контекст в зависимости от того, где вы его назвали

Answer 3

Поведение верное. В то время, когда вызывается bar(), this может что угодно. Обычный обходной путь заключается в назначении this локальной переменной:

function Somethink(element) { 
    var that = this; // trick 
    that.foo = element; 

    that.bar = function() { 
      // Use "that" in here 
    } 

    setInterval(that.bar, 1000) 
} 

that будет убедиться, что код сохраняет ссылку на исходное значение this.

Answer 4

Это происходит потому, что setInterval вызывает this.bar в контексте глобального объекта, а не в контексте текущего объекта. Попробуйте назвать это таким образом:

var self = this; 
setInterval(function() { self.bar() }, 1000); 

Update Как уже было отмечено в комментариях, другой вариант заключается в использовании Bind()

setInterval(this.bar.bind(this), 1000); 

Answer 5

Вы можете сделать так:

function Somethink(element) { 
    this.foo = element; 

    this.bar = function() { 
     // And now this.foo is undefined 
    } 
    var self = this 

    setInterval(self.bar, 1000) 
}