Почему мой метод печатает «Секунды: NAN»

Question

У меня возникли проблемы с отладкой методов приращения и тика моего класса Clock. Свойство seconds Clock должно увеличиваться на 1 каждую секунду, но вместо этого секунда бросает ошибку NaN.

Целью инкремента является увеличение секунд экземпляра Clock на 1 при каждом вызове. Тик вызывает метод инкремента каждую секунду, чтобы сделать это возможным.

function Clock() { 
    this.seconds = 0; 
} 

Clock.prototype.increment = function() { 
    this.seconds = this.seconds + 1; 
    console.log('Seconds: ' + this.seconds); 
}; 

Clock.prototype.tick = function() { 
    setInterval(this.increment, 1000); 
}; 

var timex = new Clock(); 

timex.tick(); 

Answer 1

Вопрос заключается в том, что в вашем setInterval обработчика, this больше не указывает на ваш Clock объекта, но в глобальном пространстве имен. Самым простым решением является просто привязать к thisthis.increment:

Clock.prototype.tick = function() { 
    setInterval(this.increment.bind(this), 1000); 
}; 

Смотрите также: Javascript setInterval and `this` solution

Answer 2

this это окно, когда вы вызываете его с помощью setTimeout.

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