JavaScript 変数の深い理解scope_javascript スキル-jsチュートリアル-php.cn

JavaScript 変数の深い理解scope_javascript スキル

WBOY

リリース： 2016-05-16 18:43:22

オリジナル

1044 人が閲覧しました

JavaScript の変数スコープを学習する前に、いくつかの点を明確にする必要があります:
a. JavaScript の変数スコープは、独自のスコープチェーンに基づいています。
b. JavaScript にはブロックレベルのスコープがありません。
c. 関数内で宣言された変数は関数全体で定義されます。

1. JavaScript スコープチェーン
まず、次のコードを見てください。

コードをコピーしますコードは次のとおりです。

 
コードを確認します。 JavaScript はまず、変数 Rain が内部関数で定義されているかどうかを確認します。定義されている場合は、内部関数の Rain 変数が使用されます。Rain 変数が内部関数で定義されていない場合、JavaScript は Rain 変数が定義されているかどうかを引き続き確認します。このコードでは、rain 変数が Rainman 関数本体で定義されていないため、JavaScript エンジンは引き続き (グローバル オブジェクトを) 検索して、グローバル オブジェクトに Rain が定義されているかどうかを確認します。 Rain = 1 と定義されているため、最終結果は「1」と表示されます。 
スコープ チェーン: JavaScript が変数をクエリする必要がある場合 2 つのオブジェクトが定義されていない場合、検索は続行されます。

上記のコードには、inner、rainman、window の 3 つのスコープチェーンオブジェクトが順に含まれています。

2. 関数本体内では、ローカル変数は同じ名前のグローバル変数よりも優先されます。

コードをコピーコードは次のとおりです:

4.機能全体。
まず、このコードを観察してください。

コードをコピー

コードは次のとおりです:

これは、JavaScript 初心者にとってよくある間違いであり、意図せずに多くのグローバル変数を残してしまいます。

6. グローバル変数はすべてウィンドウオブジェクトの属性です

コードをコピーしますコードは次のとおりです:

次のコードと同等