范圍錯誤的變量（可能需要關閉嗎？）

Question

我有以下代碼需要關閉：

var numItems = document.getElementsByClassName('l').length;
for (var i = 0; i < numItems; i++) {
  document.getElementsByClassName('l')[i].onclick = function (e){
    preview(this.href, i);
  };
}

發生的情況是，每當單擊一個項目時，預覽總是與i相同

我懷疑我需要做的是

function indexClosure(i) {
  return function(e) {
    preview(this.href, i);
  }
}

並分配onclick像這樣：

document.getElementsByClassName('l')[i].onclick = indexClosure(i);

但后來this將不再是指我的鏈接......這是怎么解決問題？

Answer 1

使用閉包捕獲周期計數器：

var numItems = document.getElementsByClassName('l').length;
for (var i = 0; i < numItems; i++) {
  (function(i){
    document.getElementsByClassName('l')[i].onclick = function (e){
      preview(this.href, i);
    };
  }(i))
}

Answer 2

不會的onclick通(sender, eventArgs)允許您訪問this通過sender ？