Javascript：闭包（クロージャ）

1つは、変数のスコープです。

クロージャを理解するには、最初にJavascriptの特別な変数スコープを理解する必要があります。

変数のスコープは、グローバル変数とローカル変数の2つのタイプにすぎません。

Javascript言語の特別な機能は、グローバル変数を関数内で直接読み取ることができることです。

　　var n=999;
　　function f1(){
    
    
　　　　alert(n);
　　}
　　f1(); // 999

一方、関数内のローカル変数を関数外で読み取ることは当然不可能です。

　function f1(){
    
    
　　　　var n=999;
　　}
　　alert(n); // error

ここで注意すべきことが1つあります。関数内で変数を宣言するときは、varコマンドを使用する必要があります。使用しない場合は、実際にグローバル変数を宣言します。

　function f1(){
    
    
　　　　n=999;
　　}
　　f1();
　　alert(n); // 999

第二に、外部からローカル変数を読み取る方法

さまざまな理由から、関数でローカル変数を取得する必要がある場合があります。ただし、前述のように、これは通常の状況では不可能であり、回避策によってのみ達成できます。

つまり、関数内に別の関数を定義することです。

　　function f1(){
    
    
　　　　var n=999;
　　　　function f2(){
    
    
　　　　　　alert(n); // 999
　　　　}
　　}

上記のコードでは、関数$F2は、$関数に含まれている$f1の$内部、この時点でf 1 f1内部のすべてのローカル変数$F$$1$のために、F 2 F2両方の$F$$2が$表示されています。しかし、その逆は機能しません、f 2 f2内部のローカル変数$F$$2$のために、$F1は、$目に見えないです。これは、Javascript言語の独自の「チェーンスコープ」構造です。子オブジェクトは、親オブジェクトのすべての変数をレベルごとに検索します。したがって、親オブジェクトのすべての変数が子オブジェクトに表示され、その逆も同様です。

f 2f2以降$F2$読むことができる$f1に$ローカル変数を入力し、$f$$f2が$戻り値として使用されるため、f 1f1を使用できます。$f1$はその内部変数を外部から読み取っています！

　function f1(){
    
    
　　　　var n=999;
　　　　function f2(){
    
    
　　　　　　alert(n);
　　　　}
　　　　return f2;
　　}
　　var result=f1();
　　result(); // 999

三、閉鎖の概念

前のセクションのコードの$F2$関数はクロージャです。クロージャは、他の関数の内部変数を読み取ることができる関数です。

Javascript言語では、関数内のサブ関数のみがローカル変数を読み取ることができるため、クロージャーは単に「関数内で定義された関数」として理解できます。

したがって、本質的に、クロージャは関数の内側と関数の外側を接続するブリッジです。

第四に、クロージャの使用

クロージャーは多くの場所で使用できます。それには2つの最大の用途があります。

• 1つは、関数内で読み取ることができる前述の変数です。
• もう1つは、これらの変数の値をメモリに保持することです。

　function f1(){
    
    
　　　　var n=999;
　　　　nAdd=function(){
    
    n+=1}
　　　　function f2(){
    
    
　　　　　　alert(n);
　　　　}
　　　　return f2;
　　}
　　var result=f1();
　　result(); // 999
　　nAdd();
　　result(); // 1000

このコードでは、結果は実際にはクロージャー$F2$機能。2回実行され、1回目は999で、2回目は1000でした。これは、関数f 1f1がローカル変数NNで$F$$1$$n$はf1 f1ではなく、メモリに保持されています$f1が$呼び出されると、自動的にクリアされます。

なぜそうなのですか？その理由は、$F1は、$ある$F2$親関数、および$f2$はグローバル変数に割り当てられ、その結果$f2$は常にメモリ内にあり、f 2 f2存在$F$$2が$依存する$f1$、$f1$は常にメモリ内にあり、呼び出しの終了後にガベージコレクションメカニズムによって収集されることはありません。

このコードのもう1つの注目すべき場所は、「nAdd = function（）{n + = 1}」という行です。まず、varキーワードはnAddの前に使用されないため、nAddはローカル変数ではなくグローバル変数です。次に、nAddの値は無名関数であり、無名関数自体もクロージャであるため、nAddは、関数外の関数内のローカル変数を操作できるセッターと同等です。

5、クロージャーを使用する際の注意点

クロージャによって関数内の変数がメモリに格納されるため、クロージャは大量のメモリを消費する外部ローカル変数の破壊を防ぎます。したがって、クロージャを悪用しないでください。悪用しないと、Webページでパフォーマンスの問題が発生します。 IEメモリリークで問題が発生する可能性があります。解決策は、関数を終了する前に、未使用のローカル変数をすべて削除することです。

クロージャーは親関数の外側にあり、親関数の内側の変数の値を変更します。したがって、親関数をオブジェクトとして、クロージャをパブリックメソッドとして、内部変数をプライベート値として使用する場合は、この時点で注意する必要があります。親関数の内部変数の値は自由に変更してください。 。