JavaScriptイベントハンドラの範囲

Question

Google Maps APIを使用するアプリケーションで作業しています。私はjavascriptの以前の経験がありません。私は何をしようとしていることは、次のとおりです。

function SpeedMarker(position) { 
    this.speed = 50; 
    this.marker = new google.maps.Marker({ 
     position: position, 
     map: map, 
     icon: 'http://maps.google.com/mapfiles/markerA.png', 
     zIndex: Math.round(position.lat() * -100000) << 5 
    }); 
    google.maps.event.addListener(this.marker, 'click', this.ShowInfoWindow)   
} 

SpeedMarker.prototype.ShowInfoWindow = function() { 
    var contentString = 'stuff'; 
    infowindow = new google.maps.InfoWindow({ 
     content: contentString 
    }); 
    infowindow.open(map, this.marker); 
} 

問題は、クリックイベントがドキュメントオブジェクトで起こるということである、とthis.markerはそのコンテキストに存在しません。

作成したSpeedMarkerオブジェクト内でイベントを処理する方法はありますか？

Answer 1

変更

google.maps.event.addListener(this.marker, 'click', this.ShowInfoWindow); 

へ

var self = this; 
google.maps.event.addListener(this.marker, 'click', function() { 
    self.ShowInfoWindow(); 
}); 

または使用Function.bind（警告：may require shim）：

google.maps.event.addListener(this.marker, 'click', this.ShowInfoWindow.bind(this));