JavaScript クロージャの説明

1. クロージャとは何ですか?

クロージャ: 関数と、関数が宣言されている環境の状態の組み合わせ。
つまり、関数は、定義されている環境の外部で呼び出された場合でも、定義されている環境の変数にアクセスできます。

したがって、クロージャを使用すると、データとそのデータを操作する関数を関連付けることができます。

例えば：

関数foo(){
	a = 1 とします。
	関数()を返す{
		コンソールにログ出力します。
	}
}
foo1 = foo() とします。
foo1() // 出力1

これはクロージャの例です。foo では関数が返されるため、この関数には foo の内部スコープ、つまり a をカバーするクロージャがあり、その結果 a は常に存続し、foo が終了してもリサイクルされません。

2. クロージャの役割

2.1) メモリ

クロージャのメモリプロパティとは何ですか?

クロージャが生成されると、関数が配置されている環境の状態は常にメモリ内に残り、外側の関数呼び出しが終了した後、ガベージ コレクション メカニズムによって回収されません。

例えば：

関数foo(){
    a = 0 とします。
    関数()を返す{
        ++;
        コンソールにログ出力します。
    }
}
foo1 = foo() とします。
foo2 = foo() とします。
foo1(); // 1
foo2(); // 1
foo2(); // 2
foo1(); // 2

a はクロージャの一部であるため、クロージャが生成されると、a の環境状態はメモリ内に保持され、外側の関数呼び出しが終了した後もクリアされません。そのため、foo1 が使用されると、メモリ内の a の値は 1 増加します。
この場合、foo1 と foo2 によって生成されるクロージャは、互いに影響を及ぼさない 2 つの独立したクロージャになります。したがって、foo2 が 2 回目に呼び出されると、最初の呼び出しの結果に 1 が加算されます。

2.2) プライベート変数のシミュレーション

変数が指定された操作によってのみ操作可能であることを確認します。

例えば​​：

関数foo(){
	A = 0 とします。
	戻る {
	    getA: 関数() {
	        A を返します。
	    }, 
	    追加:関数() {
	        A++;
	    },
	    del: 関数() {
	        A --;
	    }
	}
}
foo1 = foo() とします。
コンソール.log(foo1.getA()); // 0
foo1 を追加します。
コンソール.log(foo1.getA()); // 1
foo1.del();
コンソール.log(foo1.getA()); // 0

閉包により、A は指定された加算および減算演算のみを実行できることが保証されます。

3. 閉鎖に関する注意事項

クロージャを乱用しないでください。乱用すると、メモリの過剰使用により Web ページのパフォーマンスに問題が発生し、メモリ リークが発生する可能性もあります。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。