JavaScript forで関数を呼び出し

Question

forで関数を呼び出した場合、
ただ呼び出すだけではなく、
その関数の実行が終わるのを待ってから繰り返されるのでしょうか？
その保証はされているのでしょうか？
下記コードの流れでいったら、
最初のforでa()を100回実行、ただ呼び出しているだけでなく、実行が全て完了したら2つめforでaを100回処理という解釈でいいのでしょうか

a()の処理が簡単なものではなく処理に時間がかかる場合も、全て実行が終わってから２つめのforが走るということでいいのでしょうか？

<script>
window.onload=function(){
for(i=0;i<100;i++){
s="a";
a();
}
for(i=0;i<100;i++){
s="b";
a();
}
function a(){
div.innerHTML+=s+":"+i+"<br>";
}
}
</script>
<div id="div"></div>

Comments

[BeatStar]

でしょうね。
関数aの終了を待たずに次のステップに移るには非同期でやるはずですし。

Answer 1

その関数の実行が終わるのを待ってから繰り返されるのでしょうか？

a() がどういう処置を行うかによります。

非同期で動くようなものではそうはなりません。例えば、img 要素に画像をロードするような場合がそれで、ロード完了は待たずループがどんどん回っていきます。

ちなみに、ロード完了後に何か処置したい場合は、img 要素が画像読み込みを完了した時点で load イベントが発生するので、それにリスナをアタッチして処理を行うということになります。

具体例は以下の記事が参考になるでしょうか。

Canvas に複数の画像を順番通り描画
http://surferonwww.info/BlogEngine/post/2019/10/24/draw-multiple-images-on-canvas-in-order.aspx

Answer 2

基本的に、関数の実行が終わらないとその次の命令は実行されません

Comments

[退会済みユーザー]

点数乞食はやめましょう。知らないのに回答するのはやめましょう。