JavaScriptでのsetInterval関数によるカウンター

もちろん、タイマーが毎回同じものを出力するのはあまり面白くありません。 課題を複雑にして、コンソールに昇順で数字が毎秒出力されるようにしましょう: 最初に1、次に2、その次に3というように。

そのためには、関数の起動間で値を保持するカウンター変数が必要です。 単純にグローバル変数を作成できると理解するのは難しくありません:

javascriptlet i = 0; // グローバル変数

setInterval(function() {
  i++;
  console.log(i);
}, 1000);

よりコンパクトに書き直します:

javascriptlet i = 0;
setInterval(function() {
  console.log(++i);
}, 1000);

または、アロー関数を使ってさらにコンパクトに:

javascriptlet i = 0;
setInterval(() => console.log(++i), 1000);