ループ内でクロージャを効果的に使用する: 概念を理解する

クロージャベースのループは理解するのが難しい場合がありますが、強力なテクニックを提供します。反復中に一意の状態を維持します。概念を単純化するために、コード例をもう一度見てみましょう。

function addLinks() {
    for (var i = 0, link; i 
ここで、変数 i はループ内に作成された内部関数によってキャプチャされます。この関数は、作成された各リンクにイベント ハンドラーとして割り当てられます。二重括弧 (i) は、内部関数を直ちに呼び出す関数呼び出しを囲みます。
この構造の理由は、i の値ごとに個別のクロージャを作成するためです。単純に内部関数を (二重括弧なしで) 直接割り当てた場合、すべてのクロージャは i 変数への同じ参照を共有します。
関数ファクトリー アプローチ
詳細ループ内でクロージャを使用する一般的なアプローチは、関数ファクトリを使用することです。この手法では、反復ごとに関数参照を作成し、i:
function generateMyHandler(x) {
    return function() {
        alert(x);
    }
}

for (var i = 0; i 
このアプローチにより、各イベント ハンドラーが x 変数の独自のインスタンスを持つことが保証され、変数の共有や動作の不一致が防止されます。
結論
理解ループ内のクロージャは、JavaScript プログラミングでクロージャの力を活用するために不可欠です。独自のクロージャを作成するか、ファンクション ファクトリを使用することにより、開発者はループ内で独特の状態を維持し、複雑で効率的なコード構造を実現できます。