javascript - 如何在循环内设置DomEvent

Question

当我尝试为数组内的每个 DOM 对象设置 EventListenr 时遇到问题。我为每个 DomEvent 定义的函数对于所有这些都相同(console.log(key) 为所有项目打印相同的键(循环中的最后一个键))。我的代码是这样的:

var dom = {};
var popupContent = L.DomUtil.create('div');
for(var key in this._info){
    dom[key] = L.DomUtil.create('a', "", popupContent);
    dom[key].innerHTML = key;
    dom[key].href = "#";
    L.DomEvent.on(dom[key], 'click', function(){
        //do some stuff
        console.log(key);
    });         
 }

var popup = L.popup();
popup.setLatLng(latlng)
      .setContent(popupContent)
      .openOn(this._map);

预先感谢您为我提供的任何帮助:)

Answer 1

这里的问题是循环内部的闭包函数。

你可以这样修复它:

for(var key in this._info){
  (function(k) {
    dom[k] = L.DomUtil.create('a', "", popupContent);
    dom[k].innerHTML = key;
    dom[k].href = "#";
    L.DomEvent.on(dom[k], 'click', function(){
      //do some stuff
      console.log(k);
    });
  })(key)
}

或者您可以在循环中使用 let 而不是 var。

欲了解更多信息，请查看this问题。