javascript - 関数本体の代わりの関数参照 - ループ内 (引数あり)

Question

これを置き換えたい：

for( var i=0; i<elementArray.length; i++ )
   elementArray[i].click(function(){
      console.log("element clicked - selectedElementIndex = " + i);                    
   });

次のようなもので：

for( var i=0; i<elementArray.length; i++ )
    elementArray[i].click( onElementClick(i) );

function onElementClick( i ){
   console.log("element clicked - selectedElementIndex = " + i ); 
}

どうすればできますか？:)

Answer 1

(私が知る限り) クリック ハンドラーは引数を取ることができないため、スコープ内の変数を使用して関数を作成する必要があります。これは次のようになります。

for( ... ) {
    elementArray[i].click( onElementClick(i) );
    ...
}

function onElementClick( id ){
   return function() {
       console.log("element clicked - selectedElementIndex = " + id ); 
   }
}

Answer 2

交換：

elementArray[i].click( onElementClick(i) );

と：

elementArray[i].click( onElementClick(elementArray[i].id));