スコープチェーン上で動作するJavaScriptの例を共有する-jsチュートリアル-php.cn

スコープチェーン上で動作するJavaScriptの例を共有する

小云云

リリース： 2018-01-30 13:14:03

オリジナル

1287 人が閲覧しました

この記事は主に、スコープチェーンにおける JavaScript の役割の詳細な説明に関する関連情報を紹介します。この記事が、この部分の内容を理解して習得するのに役立つことを願っています。みんな。

スコープチェーン上で動作するJavaScriptの詳しい説明

1. JavaScriptスコープ

簡単に言えば、スコープとは変数や関数のアクセス可能な範囲のことです。変数と関数の可視性とライフサイクルを制御します。 JavaScript では、変数のスコープにはグローバルスコープとローカルスコープの 2 種類があります。

グローバルスコープ

コード内のどこからでもアクセスできるオブジェクトはグローバルスコープを持ちます: 一般に、次の状況はグローバルスコープを持ちます:

(1) 最も外側の関数そして最も外側の関数の外側で定義された変数はグローバルスコープを持ちます。

例:

var authorName="Burce_zxy";
function doSomething(){
var blogName="旅行的意义zxy";
function innerSay(){alert(blogName);
}
innerSay();
}
alert(authorName); //Bruce_zxyalert(blogName); //脚本错误doSomething(); //旅行的意义zxyinnerSay() //脚本错误

ログイン後にコピー

(2) 定義されておらず、値が直接割り当てられていないすべての変数は、グローバルスコープを持つように自動的に宣言されます。例:

function doSomething()
{
var authorName="Bruce_zxy";
blogName="旅行的意义zxy";
alert(authorName);
}
alert(blogName); //旅行的意义zxyalert(authorName); //脚本错误

ログイン後にコピー

変数 blogName にはグローバルスコープがあります。ただし、authorName には関数の外部からアクセスすることはできません。

(3) window オブジェクトのすべてのプロパティにはグローバルスコープがあります

通常、window オブジェクトの組み込みプロパティには、window.name、window.location、window.top などのグローバルスコープがあります。

ローカルスコープ

グローバルスコープとは対照的に、ローカルスコープは一般に固定コードフラグメント内でのみアクセス可能で、最も一般的なものは関数内などであり、一部の場所でも見ることができますこれをスコープと呼ぶ人もいますたとえば、次のコードの blogName と関数 innerSay はローカルスコープのみを持ちます。

function doSomething()
{
var blogName="旅行的意义zxy";
function innerSay(){alert(blogName);
}innerSay();
}
alert(blogName);

ログイン後にコピー

2. スコープチェーン

JavaScript では、関数もオブジェクトです。実際、JavaScript 内のすべてのものはオブジェクトです。関数オブジェクトには、他のオブジェクトと同様に、コードを通じてアクセスできるプロパティと、JavaScript エンジンのみがアクセスできる一連の内部プロパティがあります。内部プロパティの 1 つは [[Scope]] で、ECMA-262 標準第 3 版で定義されています。この内部プロパティには、関数が作成されるスコープ内のオブジェクトのコレクションが含まれます。このコレクションは関数のスコープチェーンと呼ばれます。、関数がどのデータにアクセスできるかを決定します。

関数が作成されると、そのスコープチェーンは、関数が作成されたスコープでアクセス可能なデータオブジェクトで埋められます。たとえば、次の関数を定義します。

function add(num1,num2) 
{
var sum = num1 + num2;
return sum;
}

ログイン後にコピー

関数 add が作成されると、グローバルオブジェクトがそのスコープチェーンに入力され、そのスコープチェーンにはすべてのグローバル変数が含まれます。以下の図に示すように (注: この図はすべての変数の一部のみを示しています):

グローバル変数

関数 add のスコープは実行中に使用されます。たとえば、次のコードを実行します。

var total = add(5,10);

ログイン後にコピー

この関数を実行すると、「実行コンテキスト」と呼ばれる内部オブジェクトが作成され、関数の実行時の環境が定義されます。各ランタイムコンテキストには、識別子解決のための独自のスコープチェーンがあり、ランタイムコンテキストが作成されると、そのスコープチェーンは、現在実行中の関数の [[Scope]] に含まれるオブジェクトに初期化されます。値は、関数内に出現する順序でランタイムコンテキストのスコープチェーンにコピーされます。これらは一緒に「アクティベーションオブジェクト」と呼ばれる新しいオブジェクトを形成します。このオブジェクトには、すべてのローカル変数、名前付きパラメータ、パラメータコレクションが含まれており、実行時コンテキストがスコープチェーンのフロントエンドにプッシュされます。が破棄されると、アクティブなオブジェクトも破棄されます。新しいスコープチェーンを以下の図に示します。

新しいスコープチェーン

関数の実行中に、変数が見つからない場合、識別子の解決プロセスを経て、データを取得して保存する場所が決定されます。。このプロセスはスコープチェーンの先頭、つまりアクティブなオブジェクトから開始され、同じ名前の識別子が見つかった場合は、その識別子に対応する変数を使用します。見つからない場合は、次の手順に進みます。スコープチェーン内の次のオブジェクトを検索します。 If 検索後にオブジェクトが見つからない場合、識別子は未定義とみなされます。関数の実行時には、各識別子に対してこのような検索処理が行われます。