setTimeoutの中にforを入れた場合にforの終了をsetTimeoutは待つのか？

Question

setTimeoutの中にforを入れた場合にforの終了をsetTimeoutは待つのか？
実行しても今一ハッキリしてないのですが
for内のループが終了しない限りsetTimeoutは毎秒呼ばれることはないんでしょうか？
つまり1秒のsetTimeoutをかけてるが、実質はforの処理が何秒かかるか次第で動作する秒数が変わるということでいいでしょうか？

下記は1秒ごとに動作する処理書いたつもりです
しかしこれは1秒ごとに動作するものではなくforの処理が3秒かかればその後setTimeoutが呼ばれるから4秒かかる？

<script>
function a(){
for(i=0;i<9999;i++){
console.log(i);
}
setTimeout(a,1000);
}
a();
</script>

Comments

[yambejp]

逆にどうしたいか書けば代替案があるかもしれません

Answer 1

JavaScriptはシングルスレッドで動作しますので、forループなど同期的に時間がかかる処理を行っている場合、その間には（ワーカーに投げるなどをしない限り）非同期なものを含め別な非処理を実行することはできません。

forの終了をsetTimeoutは待つのか？

積極的に「待つ」というより「待たされる」というのが適切です。

Comments

[退会済みユーザー]

関数内でsetTimeoutを呼ぶとsetInterevalと同じ扱いになります
よくsetIntervalを解説しているサイトで指定の秒数で繰り返し実行するような解説がされていますがこれは大きな間違いですね
混乱を招く原因になっていました

[退会済みユーザー]

〇秒ごとに実行するというよりsetTimeoutが実行された時点でその秒ごに実行するものと理解しておきます
ありがとうございました

[maisumakun]

> よくsetIntervalを解説しているサイトで指定の秒数で繰り返し実行するような解説がされていますがこれは大きな間違いですね

いえ、「ブラウザで1秒以上も同期的に待たせるコード」を書くのが妥当ではないです。