More than 3 years have passed since last update.

setTimeout(func(), delay) とsetTimeout(() => func(), delay) の違い

Posted at 2021-01-08

つまづいたのでメモ

これの違い

setTimeout(func(), delay)

setTimeout(() => func(), delay)

const log = () => console.log('aaa')
setTimeout(log(), 5000) // => 5sまたずに、 aaa 出力

ブラウザが左から解釈していくとします。
第一引数のlog()つまりconnsole.logを実行して、5秒後に tsでいう void、つまり何も返さずに実行されて終わります。

const log = () => console.log('aaa')
setTimeout(() => log(), 5000); // => 5s待って、 aaa 出力

ブラウザが左から解釈していくとします。
第一引数の() => log()つまりconnsole.logを実行することを定義された無名関数がセットされ、その関数が5秒後に実行されます。