javascript - javascript クロージャが機能しない?

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)
  });
}

クロージャーを間違った方法で配置しました。クリック イベントが呼び出されたときではなく、すぐに実行する必要があります。

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),
  });
}