JavaScriptの毎秒実行処理はこのようにすれば短く書ける

JavaScriptで毎秒実行する方法

JavaScriptで毎秒実行させる方法はいくつかあり、書き方により使用するコード量やメソッドに違いが出る。

毎秒実行だと一定の遅延間隔を置いて実行することができるsetIntervalが初心者だとよく使用される。

function update() {
  console.log(new Date())
}
setInterval(update, 1000)
update()

setIntervalを使用しなくてもsetTimeoutを関数内に入れるとsetIntervalを使わずに毎秒実行することができる。

function update() {
  console.log(new Date())
  setTimeout(update, 1000)
}
update()

さらに関数自体を()()で囲んで実行させればupdate()がなくてもJavaScriptの読み込み後に実行できるのでコードをより短くできる。

(function update() {
  console.log(new Date())
  setTimeout(update, 1000)
})()

コード量が減れば可読性がよくなり、関数の変更などによる修正箇所も少なくなる。