Javascript_15_scope の割り当てと変数のアクセス ルールを理解して、closure_javascript スキルを送信します。

スコープの割り当てと変数のアクセスルール
ECMAScript では関数もオブジェクトです。関数オブジェクトは、変数のインスタンス化中、または関数式が評価されるとき、または Function コンストラクターが呼び出されるときに、関数宣言から作成されます。 (「関数オブジェクト」については、「JavaScript_08_関数オブジェクトを理解する」を参照してください)。すべての関数オブジェクトには内部 [[scope]] プロパティがあり、これもオブジェクトのリスト (チェーン) で構成されます。内部 [[scope]] 属性は、オブジェクトが作成された実行環境のスコープ チェーンを参照し、現在の実行環境のアクティブなオブジェクトがオブジェクト リストの先頭に追加されます。関数内の変数にアクセスするとき、それは実際にはスコープ チェーン上で変数を見つけるプロセスです。

理論的すぎます (死ぬほど要約しています!)。コードの一部を見てみましょう:

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

以下で説明します。

1. コードをロードし、グローバル実行環境を作成します。このとき、外部変数は変数オブジェクト (ウィンドウ) に追加されます。これは関数オブジェクトを指します。現時点では、スコープ チェーンには window オブジェクトのみがあります。2. プログラムが external() を実行すると、グローバル内の外部変数が検索されます。オブジェクトを作成し、正常に呼び出します。 3. アウターの実行環境を作成します。このとき、新しいアクティブ オブジェクトが作成され、変数 i を追加し、値を 10 に設定し、変数 inner を追加して、アクティブ オブジェクトをプッシュします。スコープ チェーンに追加し、関数オブジェクトの [[scope]] 属性をアクティブなオブジェクトのアウターにポイントします。この時点で、スコープ チェーンは外側のアクティブ オブジェクト ウィンドウです。
4. コードを実行し、i に値を代入します。プログラムが inner() を実行すると、外側の関数オブジェクトの [[scope]] で内側の変数が検索されます。見つかった後、正常に呼び出されました。 5. inner の実行環境を作成し、新しいアクティブ オブジェクトを作成し、変数 j を追加し、値を 100 に割り当て、アクティブ オブジェクトをスコープ チェーンにプッシュし、関数の [[scope]] 属性をポイントします。このとき、スコープ チェーンは、内側のアクティブ オブジェクトと外側のアクティブ オブジェクトのグローバル オブジェクトになります。はスコープと出力で正常に見つかりましたが、変数 adf にアクセスするとスコープで見つからず、アクセス エラーが発生しました。
注: メモリ グラフを通して、スコープ チェーンとプロトタイプ チェーンが非常に似ていることがわかります。これで多くの問題が説明されます... (慈悲深く賢明になって、自分で答えを見つけてください!)

クロージャの原則
スコープの問題を理解した後、クロージャの問題はすでに非常に複雑です。単純 。閉鎖とは何ですか?クロージャは、外部関数のスコープ内の変数を囲む内部関数です。
典型的なクロージャ アプリケーションを見てみましょう: インクリメント値を生成します




コードをコピーします


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

return function(){ return id;

}

})()
alert(increment());//1
alert(increment());//2
>
外側の匿名関数はインライン関数を返し、インライン関数は外側の匿名関数のローカル変数 ID を使用します。論理的に言えば、外側の匿名関数のローカル変数は返されるとスコープ外になるため、increment() 呼び出しは使用できません。これはクロージャです。つまり、関数呼び出しは埋め込み関数を返し、その埋め込み関数は、閉じられる (Close) 必要がある外部関数のローカル変数、パラメータ、その他のリソースを参照します。どうしたの？答えを見つけてみましょう:


スコープ チェーンの理解によれば、返されたインライン関数は構築時にすでにスコープ チェーンを保持していると説明できますが、外部の戻りによりこれらのオブジェクトは出力されます。ただし、JavaScript はオブジェクト メモリを解放するために自動ガベージ コレクションを使用します。ルールに従って定期的にチェックされ、オブジェクトは参照がない場合にのみ解放されます。したがって、上記のコードは正しく実行されます。

参考:
http://www.cnblogs.com/RicCC/archive/2008/02/15/JavaScript-Object-Model-Execution-Model.html
http://www .cn-cuckoo.com/2007/08/01/ Understand-javascript-closures-72.html