ブラウザがJavaScriptファイルを解析する仕組みが分からない

サーバーから、htmlファイルが送られてきました。
その中のscriptに、jsファイルへの参照があります。
だから、ブラウザはこれをhtml読み込み時に解析するみたいです。
この送られてきた直後のブラウザによるjsファイルの解析は何をしているのでしょうか？
例えば

<script>
let a = 5;
let b ;
function plus(){
return a + b
}
alert('質問');
</script>

というコードがあったときに、ブラウザはこれを解析時にコンパイル？インタプリント？してメモリに展開するのでしょうか。どのようにして、jsファイルの内容をメモリに展開するのか分かりません。

また、上のコードに限らず、jsファイルの変数が初期化されるタイミングは、ブラウザがその変数を読み込んだその時なのでしょうか？他にもjsファイルの中にインスタンス化できるオブジェクトがあったときに、そのオブジェクトの中のプロパティではなく変数は、そのオブジェクトがインスタンス化されるときに初期化されるのか、またはそのjsファイルが読み込まれたときに初期化されるのか疑問です。

全体的に
ブラウザがJavaScriptをメモリに展開するまでの過程と、
変数の初期化タイミングがいつなのかが分かっていません。

JavaScriptを出来る人からのご回答をお待ちしております。

行動規範の内容に同意します

回答1件

ベストアンサー

script要素

defer, async属性のないscript要素は同期的にパースされ、即実行されます。実行が完了するまで後続のHTML文字列のパース処理を待機させます。
defer属性のあるscript要素は並列処理でパースされ、DOMツリー構築が完了するまでコードの実行を待機させます。そのコードは DOMContentLoaded よりも先に発動します。
async属性のあるscript要素は非同期にパースされ、即実行されます。非同期処理の為、後続のHTML文字列のパース処理を停止しません。

script要素の詳細は HTML Standard 仕様を参考にしてください。