同じ関数のwindow.setTimeoutを呼び出しても無限ループが発生しないのはなぜですか？

Question

私は、次のコードを見た：window.setTimeout(() => this.start(), 1000);が無限ループを導入しないのはなぜ

class MasterControlPanel { 
    private sensors: Sensor[] = []; 
    constructor() { 
     // Instantiating the delegate HeatSensor 
     this.sensors.push(new HeatSensor(this)); 
    } 

    start() { 
     for (var i= 0; i < this.sensors.length; i++) { 
      // Calling the delegate 
      this.sensors[i].check(); 
     } 
     window.setTimeout(() => this.start(), 1000); 
    } 

    startAlarm(message: string) { 
     console.log('Alarm! ' + message); 
    } 
} 

var cp = new MasterControlPanel(); 
cp.start(); 

を？

私の理解に基づいて、cp.start()は最初sensors内の各sensorを反復して、順番に1秒の遅延後に再度startを呼び出すwindow.setTimeoutを呼び出します。

参考：リスト3-3。 Pro TypeScriptの委任：アプリケーション規模のJavaScript開発

Answer 1

おそらくsetIntervalが必要です。 それはclearIntervalを使ってクリアできる無限ループを作成します。

this.interval = window.setInterval(() => { 
... 
}, 5000); 

window.clearInterval(this.interval); 

また、あなたが代わりにforループを使用しての

this.sensors.forEach(sensor => sensor.check()) 

を行うことができます。

Answer 2

setTimeoutでこれを使用することはできません。これはクラスではなく、setTimeoutを参照するためです。 これを試してみてください：

class MasterControlPanel { 
    private sensors: Sensor[] = []; 
    constructor() { 
     // Instantiating the delegate HeatSensor 
     this.sensors.push(new HeatSensor(this)); 
    } 
    var that = this; 
    start() { 
     for (var i= 0; i < this.sensors.length; i++) { 
      // Calling the delegate 
      this.sensors[i].check(); 
     } 
     window.setTimeout(() => that.start(), 1000); 
    } 

    startAlarm(message: string) { 
     console.log('Alarm! ' + message); 
    } 
} 

var cp = new MasterControlPanel(); 
cp.start(); 

Answer 3

それは無限ループを導入し、

window.setTimeout(() => this.start(), 1000); 

各呼び出しの間で1秒遅れてそれを呼び出して、ほぼ同じ

var _this = this; 
window.setTimeout(function(){ _this.start(); }, 1000); 

ようです Arrow Function

Answer 4

要するに、無限ループを導入するものではありません。原因setTimeoutはブロックしません。その代わりに、実行する関数（）=> this.start（）はキューに追加され、1秒後に実行されます。 startメソッドはwindow.setTimeoutを呼び出した後に戻るため、命令的な意味で無限ループは発生しません。ほとんどの場合、コードは次のタイマーが現れるまで待つ状態になります。

startメソッドを呼び出すタイマーを無制限にスケジュールするコードも当てはまりますが、javascriptランタイムに制御を戻すため、コードは無限ループではありません。