ローカル変数とonclickの呼び出し

Question

まず、どこかここで回答しなければならない何かを尋ねるための謝罪は（私が見てきた！）私はこれをしたい

：

var i; 
for (i = 0; i < 5; i++) { 
    ... 
    // Add an anchor to the dom 
    ... 
    a.onclick = goog.bind(this.doSomething, this); 
    ... 
} 

namespace.Clazz.prototype.doSomething = function(event, index) { 
    console.log('index: ' + index); 
} 

を私は5つのアンカーたいですclickイベント（clickイベントと一緒に）をクリックすると、それぞれi〜doSomethingの異なる値が渡されます。私はまたthisの文脈をdoSomething（したがってバインド）に保ちたいと思います。

Answer 1

あなたは引数が受信される順序を逆にすることができた場合は、あなたがこれを行うことができるはず...

a.onclick = goog.bind(this.doSomething, this, i); 

---

だからあなたdoSomethingは次のようになります...

namespace.Clazz.prototype.doSomething = function(index, event) { 
    console.log('index: ' + index); 
}; 

---

少なくともそれはthe Google Closure Library sourceから見えます。

Answer 2

a.onclick = (function(i) { return function() {goog.bind.....}; })(i); 

これは、iの値が固定された新しいクロージャを作成します。

Answer 3

このような何かがあなたのために良い仕事があります。

a.onclick = function() { 
    doSomething(this, i) 
}