JavaScript のメモリ管理とクロージャ

JavaScriptの実行原理

次のコードがある場合、JavaScript ではどのように実行されるでしょうか?

1. まずグローバルオブジェクトを初期化します

JS エンジンはコードを実行する前にヒープメモリにグローバルオブジェクトを作成します。グローバルオブジェクト (GO) はブラウザ環境のウィンドウであり、グローバルはノード環境のグローバル変数であり、ブラウザのウィンドウと同様ですが、コード内で使用することをお勧めします。プロセスオブジェクトは、現在の Node.js プロセスの情報と制御メソッドを提供します。
* オブジェクト内のすべてのスコープがオブジェクトのコンテンツにアクセスできます;
* これには、Date、Array、String、Number、setTimeout、setInterval などが含まれます; * それ
自体を指す window 属性もあります

ここに画像の説明を挿入

2. 各スコープブロックの実行コンテキストを作成し、実行コンテキストスタックに置きます。

js エンジン内に 1 つあり执行上下文栈（Execution Context Stack，简称ECS）、コードを実行するための呼び出しスタックです。
それで、今度は誰を処刑するのでしょうか？実行されるのはグローバルコードブロックです。
ここに画像の説明を挿入
その中で、これは現在のコンテキストの参照です。

グローバルコードブロックは実行用の実行コンテキストを構築します Global Execution Context（GEC）。関数コードブロックは実行コンテキストを作成し、グローバルコードブロックも実行コンテキストを作成します。es6 以降では、ブロックレベルのスコープも実行コンテキストを作成します。のみ実行コンテキストが作成されると、それが使用されます。それを実行コンテキストスタックに入れて、コードを実行します。
実行コンテキストは、実行のために実行コンテキストスタックに入れられます。
実行コンテキストスタックへの実行コンテキストの内容には、次の 2 つの部分が含まれます。
- 最初の部分: コードが実行される前に、パーサーを AST に変換するプロセスで、グローバルに定義された変数、関数などが GlobalObject に追加されます。このプロセスは、変数スコープのホイスティングとも呼ばれます。関数宣言は昇格と代入の両方が行われ、その優先順位は var で宣言された変数よりも高いのに対し、var で宣言された変数は昇格されるだけで代入されないことに注意してください。
  
  このうち、foo の出力内容は文字列 abc です。
- 2 番目の部分: コードの実行中に、実行コンテキストを作成し、変数に値を割り当て、または他の関数を実行します。

JavaScript の実行原則の概要

参考リンク: 実行中のコンテキストスタックの変更のデモ
1. グローバルオブジェクトの初期化
2. 書かれたコードの解析解析プロセスでは、var 変数と宣言関数を改善する必要があります。
3. コードを実行します。実行中に関数呼び出しが発生した場合は、関数のコンテキストを作成してコンテキストスタックに置き、各実行コンテキストは VO (変数オブジェクト、変数オブジェクト)、変数、および関数宣言がこの VO オブジェクトに追加されます。

注: 関数が複数層の関数でネストされている場合、初期化時に最初の層のみが解釈され、実行時にその中に関数が存在する場合は、再度説明されて実行されます。-> JavaScript はインタープリタ型言語です边解释边执行代码。ブラウザが JavaScript コードを読み込むと、コードを 1 行ずつ解釈し、すぐに実行します。これは、プログラムを実行する前にコードを機械語にコンパイルする必要がある C++ などのコンパイル言語とは異なります。

補足1：VOオブジェクト（Variable Object）について
ここに画像の説明を挿入
補足2：VO、GO（グローバルオブジェクト）、AO（アクティベーションオブジェクト）