JavaScriptの実行環境まとめ

JavaScriptがどのように実行されるかについてまとめました。

JavaScriptの実行環境

JavaScriptはJavaScriptエンジンで実行される。

JavaScriptエンジンはJavaScriptのコードを解析してコンパイルし実行するプログラム。

JavaScriptエンジン上でECMAScriptやWebAPIs（ブラウザ上）が動作する。

V8というGoogleが提供しているオープンソースのJavaScriptエンジンのシェアが多い。

JavaScriptエンジン上でJavaScriptのコードが動作する。それに加えてコードの実行前にはグローバルオブジェクトとthisが用意される。

グローバルオブジェクトは実行環境によって異なり、ブラウザ上ではWindowオブジェクトとなり、その中にWebAPIsが含まれる。

実行コンテキストとはコードが実行されている状況のこと。コードが実行されている状態によってコンテキストは変化する。

実行コンテキストにはグローバルコンテキスト、関数コンテキスト、evalコンテキストの3つの種類がある。evalコンテキストは非推奨なので、重要なのはグローバルコンテキストと関数コンテキスト。

グローバルコンテキストでは以下の3つが使える。

グローバルコンテキストでの実行中のコンテキスト内の変数や関数はグローバルスコープにあたる。

thisは実行コンテキストによって参照先のオブジェクトが変わる変数のようなもの。

関数コンテキストは関数が実行されているときのコンテキストで、以下の5つが使える。

関数コンテキスト内での実行中のコンテキスト内の変数や関数は関数スコープにあたる。

argumentsは関数に与えられた引数がすべて格納された、関数の中でのみ参照できる特殊な変数。

superは継承元の関数を呼び出す特殊なキーワード。

外部変数は外側のスコープにある変数のこと。

コールスタックは、コードがどの順番で実行されたかの履歴を表すようなもの。

コールスタックの中に新しく作成されたコンテキストが積まれていき、実行中のコンテキストが一番上にくる。実行が完了したコンテキストから消滅していき、最終的にはコールスタックの中身は空になる。

具体的には、最初に必ずグローバルコンテキストが作られ、コードが上から順番に実行されていく。その途中で関数があれば関数コンテキストが作られる。

function a() {
    
}

function b() {
    a()
}

function c() {
   b() 
}

c()

上記のコードは以下のような順番でコールスタックが積まれて消滅する。

このように後入れ先出しの仕組みになっている。