JavaScript Event Handler Scope

Question

Я работаю над приложением, использующим API Карт Google. У меня нет предыдущего опыта работы с 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));