[JavaScript] クロージャを数秒で理解する

クロージャは JavaScript の基本的な考え方ですが、初心者にとっては曖昧で理解しにくいと感じるかもしれません。特に、ECMA 標準の定義は、実際の経験がなければ理解するのが難しい場合があります。そのため、この投稿ではクロージャの概念を長々と説明するのではなく、実際のコードを使用して理解しやすくします。

1. クロージング

function A(name){
    function B(){
       console.log(name);
    }
    return B;
}
var C = A("Closure");
C();//Closure

これは最も単純なクロージャーです。

基本を理解したので、これが一般的な関数とどのように異なるかを簡単に検討してみましょう。以下は、前述のコードが自然言語に翻訳されるとどのように表示されるかを示します:

1. 引数名を指定して通常の関数 A を定義します
2. Aに正規関数Bを定義し、Bでは外部変数名を参照
3. A で B を返す
A を実行し、結果を変数 C に代入します
C を実行

内部関数が外部関数の外部の変数によって参照される場合、クロージャが形成されます。

JavaScript では、オブジェクトが参照されなくなった場合、そのオブジェクトは GC によって再利用され、それ以外の場合はメモリ内に保持され続けます。

function A(){
    var count = 0;
    function B(){
       count ++;
       console.log(count);
    }
    return B;
}
var C = A();
C();// 1
C();// 2
C();// 3

var C = A(); を呼び出すと、A が実行され、カウント変数と内部関数 B が作成されます。A は B を返すため、C 変数は実際には B への参照を持ちます。その後、関数 B は、 A.
1. の変数をカウントします。
B はクロージャであるため、関数 B は A の count 変数にアクセスできます。これは、B がクロージャであり、クロージャが作成されたコンテキスト (ローカル変数など) を保存するためです。
C() が呼び出されるとき、実際には関数 B が呼び出されます。C() が呼び出されるたびに、B は count の値をインクリメントし、その値をコンソールに表示します。
A の実行コンテキストは B が作成されると終了しますが、B がそのローカル変数 (count など) を参照している限り、A のローカル変数は再利用されません。
B が参照されなくなった場合にのみ、A のカウント変数とその他のローカル変数が回復されます。この例では、C は依然として B を参照しているため、count の値は回復されず、A の実行コンテキストも回復されません。

カウントがリセットされないのはなぜですか?

クロージャは count の状態を保持し、内部関数 B からアクセスできるようにします。A の実行コンテキストが終了しても、B はこの状態を参照し続けるため、count の状態はメモリ内に残ります。
B への各呼び出し: C() への各呼び出しは、実際には B() への呼び出しであり、クロージャに保存されているカウントを使用し、再初期化はしません。

以上が[JavaScript] クロージャを数秒で理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。