Question

我有以下代码：

for (var i in listings){
  var listing = listings[i];
  map.addMarker({
    lat: listing.GeographicLocation.Latitude,
    lng: listing.GeographicLocation.Longitude,
    title: listing.Title,
    click: function(e){
      (function(listing){
         console.log(listing.Title);
      })(listing);
    },  
  });
}

当我点击标记时，我总是得到最后一个列表的标题。

Answer 1

for (var i in listings) {
  var listing = listings[i];
  map.addMarker({
    lat: listing.GeographicLocation.Latitude,
    lng: listing.GeographicLocation.Longitude,
    title: listing.Title,
    click: (function (listing) {
      return function(e) {
        console.log(listing.Title);
      };
    })(listing)
  });
}

你已经以错误的方式放置了闭包 - 它需要立即执行，而不是在调用click事件时执行。

Answer 2

好的想通了：

for (var i in listings){
  var listing = listings[i];
  map.addMarker({
    lat: listing.GeographicLocation.Latitude,
    lng: listing.GeographicLocation.Longitude,
    title: listing.Title,
    click: (function(listing){
      return function(e){
         console.log(listing.Title);
      })(listing),
  });
}

javascript关闭不起作用？

2 个答案: