私のメソッドで "Seconds：NAN"が表示されるのはなぜですか？

Question

Clockクラスのインクリメントとチックのデバッグに問題があります。 Clockのsecondsプロパティは毎秒1ずつインクリメントする必要がありますが、秒単位でNaNエラーが発生します。

増分の目標は、呼び出されるたびにClockインスタンスの秒数を1増やすことです。 Tickは、これを可能にするために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対象に、しかしグローバルな名前空間にあります。最も簡単な解決策はただthis.incrementにthisをバインドすることです：

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);