カウントダウンの値に引数を利用しようとするとNaN扱いになるのはなぜ？

Question

使い回せるタイマーを作ろうと思い下記スクリプトを組んでみましたが
コンソール上で9から先がNaN表示になってしまい、正常に動作しません。
数値にならない理由ってなぜなのでしょうか？

let countdown = (enums) => {
  enums--;
  console.log(enums);
  let time = setTimeout(countdown, 1000);
  if (enums === 0) {
    clearTimeout(time);
  }
}
countdown(10);

Answer 1

enumsはグローバル変数ではなく引数であるため、２回目以降の引数が渡っていないことになってしまっているのが原因かと思われます。
問題のコード：

  let time = setTimeout(countdown, 1000);

修正後：

  let time = setTimeout(countdown, 1000, enums);

全体：

let countdown = (enums) => {
  enums--;
  console.log(enums);
  let time = setTimeout(countdown, 1000, enums);
  if (enums === 0) {
    clearTimeout(time);
  }
}
countdown(10);

また、定期的に実行する操作は関数を多重に呼び出すより、setInterval()を使ったほうが個人的に見やすくなると思いますので、そのコードも載せておきます：

let countdown = (enums) => {
  let countnum = enums;
  let time = setInterval(()=>{
    countnum--;
    console.log(countnum);
    if (countnum === 0) {
      clearInterval(time);
    }
  }, 1000);
}
countdown(10);

Comments

[Overrun]

わかりやすくご回答いただき、ありがとうございます！
setInterval()での書き方も参考にさせていただきます

Answer 2

8以降は引数が渡っていないからだと思うので、let time = setTimeout(countdown.bind(this,enums), 1000)とすればいいと思います。

参考：
カリー化と部分適用

Comments

[Overrun]

ご回答ありがとうございます。
.bindという書き方を学んでみたいと思います！