DOMイベントコールバック内にクロージャが必要ですか？

Question

私はjQuery.liveのような関数を構築しようとしています。 Helperは、_liveEventと_addEventListenerのメソッドを持つクラスです。 Helper._addEventListenerはW3C addEventListenerのCrossBrowserバージョンです。

Helper.prototype._liveEvent = function(type, evt, ofunc) { 
    var elHand = document; 
    type = type.toUpperCase(); 

    this._addEventListener(elHand, evt, function(me) { 
     // Inside here I use the `type` variable. 
     // I don't know why but it works. 

     for (var el = me.srcElement; el.nodeName !== 'HTML'; 
      el = el.parentNode) 
     { 
      if (el.nodeName === type || el.parentNode === null) { 
       break; 
      } 
     } 
     if (el && el.nodeName === type) { 
      ofunc.call(el, me); 
     } 

    }); 
}; 

私はさまざまな種類のHelper._liveEvent機能を2回実行していますよ。そしてそれはうまく動作します。私は、type変数が_liveEventコンテキスト内に設定されているので、_addEventListenerコールバックはその変数の最後のバージョンしか見ることができないと考えました。しかしそれは事実ではない、それは正常に動作しているようだ。

私の質問は以下のとおりです。

• _addEventListenerコールバックは、タイプの両方のバージョンを見ることができるのはなぜ？
• 私のコードはメモリをリークしているのですか？

UPDATE

この他の例では、私は、このより良い理解しました。しかし、私はまだそれを食べるのか分からない。

function foo(i) { 
    setTimeout(function() { 
     console.log(i); 
    }, 400); 

} 

// Prints 1, 2, 3 
for (var i = 1; i < 4; i++) { 
    foo(i); 
} 

function bar() { 
    for (var i = 1; i < 4; i++) { 
     setTimeout(function() { 
      console.log(i); 
     }, 400); 
    } 
} 

// Prints 4, 4, 4 
bar(); 
​ 

Answer 1

• 別々の閉鎖範囲は、それぞれがelHandとtypeの独自の値を持つ、_addEventListener()に渡された匿名関数のインスタンスごとに作成されるからです。
• 「漏れ」という言い方によって異なります。すべてのクロージャは、それが含んでいるオブジェクトがGCで処理されるのを防ぎます。クロージャは、それを参照するオブジェクト（あなたのような匿名関数など）がなくなるとGC'edされます。この意味では、追加されたリスナー（匿名関数）を削除する方法がないため、関連付けられたスコープオブジェクトをGCに適格にすることができないため、メモリリークが発生します。

Answer 2

効果的に、あなたは既にクロージャを作成しています。匿名関数を呼び出すiの現在値にidセットで新しいクロージャを作成します -

for(var i=0; i<10; i++) { 
    elem.onclick = (function(id) {alert(id);})(i); 
} 

作品は：理由はここにあります。 （個人的には、私が使用したい変数と同じものを引数と呼ぶのが好きなので、その関数の変数の値を「ロックする」と考えることができます）。

メモリリークが発生する限り、2回の呼び出しではリークが発生しません。 GCは私が思うように動作する場合、それらにポインタを持たないクロージャをすべて削除します。特に、ページを終了すると、そのページに関連付けられたメモリが解放されます。