どうやってJavaScriptは実行されているのか
JavaScriptはどうやって実行されているのでしょうか？
JavaScriptの裏側で動いているコンパイルされてから実行するまでの詳しい部分をまとめました。
目次から読む
どうやってJavaScriptは実行されているのか
JavaScriptのコードがコンパイルされた後、実行されると前回の記事でまとめました。 グローバル実行コンテキスト(Global Execution Context)がトップレベルコードのために作られます。 そしてグローバル実行コンテキスト内でトップレベルコードが実行されます。 そしてコールバックをもって関数が実行されます。 トップレベルコードというのは、関数の中にはありません。関数外にあるコードのみが実行されます。 関数は呼ばれたときに実行されるためです。
https://devsakaso.com/javascript-engine/実行コンテキストについて
コンテキスト(Context)とは、文脈のことです。プログラムの世界でいう実行コンテキストとは、コードを実行する際の文脈、つまり状況・環境のことです。 たとえばコンビニでお弁当を購入するとします。 お弁当の具材というのが中身でいわばJavaScriptのコードのことだとすれば、 そのお弁当を購入するためにはレシートやお箸が必要だったり、それらをまとめていれる容器が必要になります。 その容器が実行コンテキストということになります。 実行コンテキストには、2種類あります。 グローバル実行コンテキスト 関数実行コンテキストグローバル実行コンテキスト
グローバル実行コンテキストはたった一つだけの実行コンテキストです。トップレベルコードが実行されます。 実行というのはコンピュータがCPUで機械語を実行することです。 グローバル実行コンテキストで扱えるものは、- 実行中のコンテキスト内の変数・関数
- グローバルオブジェクト
- thisキーワード
関数の実行コンテキスト
関数の実行コンテキストは、関数ごとに存在します。オブジェクトに付随しているメソッドもまた同じです。 クリックイベントなどのコールバックがあれば、実行されます。 関数実行コンテキストで扱えるものは、- 実行中のコンテキスト内の変数・関数
- arguments
- super(特殊な環境でのみ使用可能)
- thisキーワード
- 外部変数
//ここがグローバルコンテキスト
let number = 12;
function hello() {
//ここが関数コンテキスト
console.log(this, arguments, number)
}
hello()；
https://devsakaso.com/scope-chain-in-javascript/コールスタックって何？
コールスタックとは、JSエンジンの中にある実行中のコードがたどってきたコンテキストの積み重ねです。 その積み上げているトップにある実行コンテキストが、常に現在実行中のコンテキストとなります。 実行が終わるとその山から取り除かれます。 そしてその次の実行コンテキストを実行します。 このようなスタックの仕組みを後入れ先出しという意味のLIFO(Last In, First Out)といいます。 具体例をみてみましょう。実行コンテキストとコールスタックの具体例
たとえば次のようなコードがあります。
const name = 'Sasa';
const first = () => {
let a = 1;
const b = second(2,4);
a = a + b;
return a;
}
function second(x, y) {
var c = 2;
return c;
}
const x = first();