在回调函数中引用更正此

Question

我在 Typescript 中有一个类函数，它向谷歌地图添加一个圆圈并添加一个事件侦听器。在该侦听器中，我想引用this，分配我要添加侦听器的对象。 See this 作为在纯 JS 中如何工作的参考

不幸的是，Typescript 阻止我引用正确的 this，我该如何解决这个（问题，而不是 this）？

public drawGeoFence(/* params removed */) : void {
    google.maps.event.addListener(circle, "mouseover", (event) => {
        this.showGeofenceInfoWindow(map, geofence, this); // <<- this!
    });
}

Answer 1

只使用 function，而不是 箭头函数

public drawAThing(/* params removed */) : void {
    let self = this;
    //google.maps.event.addListener(circle, "mouseover", (event) => {
    google.maps.event.addListener(circle, "mouseover", function(event){
        self.showGeofenceInfoWindow(map, geofence, this); // <<- this!
    });
}

另外，要访问原始 showGeofenceInfoWindow，我们需要更多编码...将原始 this 保留在 self 变量中