JS：関数の実行され方

質問

javascriptの関数の実行され方を教えてください。
知りたいのは以下のような時、上から順番に関数が実行されるが
ある関数が完了しないうちにほかの関数の実行が始まるかどうかです。

hello1();
hello2();
hello3();

//----
function hello1(){
alert(hello);
}
function hello2(){
alert(hello);
}
function hello3(){
alert(hello);
}

例えば上の例をそのまま実行すれば上から順番に実行されますが、
関数hello1が重たいループ処理をした場合
hello2とhello3はhello1が実行中に動いてしまいますか？
ASでは動きませんでした。またphpも動かないみたいです。
また結果はブラウザによって変わるものなのでしょうか？

ご教授ください。

回答No.1

qualheart · ベストアンサー

動かないです。
hello2()はhello1()が完了しない限り動きません。

なぜなら、関数とはコードを格納するだけのものに過ぎないので、動作的には

alert(hello);
alert(hello);
alert(hello);

と同義になります。

あくまで開発上分かりやすくするために関数に定義しているだけなので、関数を使うと言うことは、そこに関数の中身がそのまま記述されていると同じことだと考えて良いです。

よってそれぞれ記述された関数が完了しないと次の行の関数には進みません。

ご参考まで。

お礼

なるほど
非常に理解が深まりました。

ありがとうございます。

回答No.2

t_ohta

答えは「関数の中身による」と言う事になります。
非同期で実行される処理であれば処理が完了する前に次のステップに行ってしまいますが、そうでなければ処理が完了するまで次のステップには進みません。

お礼

今回質問に至った手持ちのコードでは
hello1で要素のパースと変数のセットを行うだけなので
非同期ではないですね。

ありがとうございます。
参考になりました。