JS の実行コンテキストを理解するためのステップバイステップの指導

この記事では、JavaScript の実行コンテキストを深く理解するために段階的に説明します。一定の参考値があるので、困っている友達が参考になれば幸いです。

実行コンテキストを理解することによってのみ、変数のプロモーション、スコープ、クロージャなどの JavaScript 言語自体をより深く理解することができます。実行コンテキスト

実行コンテキストは、現在のコードの実行環境です。

実行コンテキストには主に 3 つのタイプがあります:

• #関数実行コンテキスト: 無数に存在する可能性があり、関数が呼び出されたときに作成されます。各関数呼び出しにより、新しい実行コンテキストが作成されます。

• eval 実行コンテキスト。めったに使用されません。

• 各実行コンテキストには 3 つの重要な属性があります:

:各実行環境には変数オブジェクトが関連付けられており、環境内で定義されたすべての変数と関数はこのオブジェクトに格納されます。私たちが作成するコードはこのオブジェクトにアクセスできませんが、パーサーはデータを処理するときにバックグラウンドでこのオブジェクトを使用します。

• 関数のコンテキストでは、アクティベーション オブジェクト (AO) を使用して変数オブジェクトを表します。アクティブ オブジェクトと変数オブジェクトは実際には同じものです。実行環境に入ったときのみ、この実行コンテキストの変数オブジェクトがアクティブになります。このとき、アクティブ オブジェクト (AO) と呼ばれます。アクティブ オブジェクト上のプロパティのみです。にアクセスできます。

: 環境内でコードが実行されると、変数オブジェクトのスコープ チェーンが作成されます。スコープ チェーンの目的は、実行環境がアクセスできるすべての変数と関数への順序付けされたアクセスを保証することです。

• #this

• 実行コンテキストのライフ サイクル: 作成 -> 実行 -> リサイクル

1. 作成フェーズ:

## 初期化関数のパラメータ引数

関数宣言変数宣言

• 変数オブジェクトを理解するための簡単な例

function getName(name) { var b = 2; function foo() {}; var bar = function() {}; } getName('lucystar')

ログイン後にコピー
• このときのAOは大まかに以下のとおりです

AO = { arguments: { 0: 'lucystar', length: 1 }, name: 'lucystar', b: undefined, foo: reference to function foo(){}, bar: undefined }

ログイン後にコピー
• 上記の例 変数プロモーションと関数プロモーションが関係していますが、この記事の
JS の底から var、let、const を理解する

1.2スコープ チェーン

関数のスコープは、関数の定義時に決定されます。スコープ チェーン自体には変数オブジェクトが含まれています。変数を探すときは、まず現在のコンテキストの変数オブジェクトから検索します。見つからない場合は、変数が見つかるまで親実行コンテキストの変数オブジェクトから検索します。

1.3 この方向を決定する

これと呼び出しと適用とバインドの理解

2. 実行フェーズ

#変数の代入とコードの実行

実行 コンテキストはスタックからポップされ、ガベージ コレクション メカニズムによってリサイクルされます。メモリリサイクルの内容については、

実行コンテキストスタック

実行コンテキストスタックが使用されます。実行コンテキストを管理します。実行コンテキストが作成された後、JavaScript エンジンは実行コンテキストをスタックにプッシュします。実行コンテキストの管理に使用されるこのスタックは、通常、実行コンテキスト スタックと呼ばれ、コール スタックとも呼ばれます。

let a = 'javascript'; function foo() { console.log('foo'); bar(); } function bar() { console.log('bar'); } foo();

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 ！

以上がJS の実行コンテキストを理解するためのステップバイステップの指導の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。