`setInterval` コールバックが 1 回しか実行されないのはなぜですか?

setInterval コールバックの 1 回の実行:

カウンターを作成することを目的とした次のコードを考えてみましょう。

function timer() {
  console.log("timer!")
}

window.setInterval(timer(), 1000)

ただし、このコードはタイマー関数を 1 回だけ実行します。この問題が発生する理由とその解決方法を詳しく見てみましょう。

この問題は、setInterval の最初のパラメータが関数呼び出しではなく関数参照である必要があるために発生します。上記のコードでは、timer() がすぐに呼び出され、unknown が返されます。その結果、setInterval は 1000 ミリ秒間隔で unfineed を呼び出すように設定され、連続ループではなく 1 回の実行が行われます。

これを修正するには、関数を呼び出す代わりに関数参照を渡す必要があります。 。修正されたコードは次のとおりです。

function timer() {
  console.log("timer!");
}

window.setInterval(timer, 1000);

この修正されたバージョンでは、タイマーが参照として渡され、setInterval が指定された間隔でそれを呼び出すことができます。

あるいは、匿名関数を使用することもできます。コールバックとして:

window.setInterval( function() {
  console.log("timer!");
}, 1000)

このアプローチは短いですが、関数が増えると読みにくくなる可能性があります複雑です。

これらの変更を実装することにより、タイマー機能が希望の間隔で繰り返し実行されるようになり、カウンターが継続的に実行されるようになります。

以上が`setInterval` コールバックが 1 回しか実行されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。