用的Leaflet框架,准备扩展一个对象。
代码如下:
var FxtMap = L.Class.extend({
_preZoom: 4,
_initZoom: 4,
_queryScale: 7,
_map:null,
fxtData: null,
options: {
center: [31.2, 121.46715194],
zoom: 4,
crs: sh_crs,
doubleClickZoom: false,
zoomControl: false,
attributionControl: false
},
initialize: function (id, mapOption) {
if (mapOption) {
L.Util.setOptions(this, mapOption);
}
this._map = L.map(id, this.options);
m_tileLayer.addTo(this._map);
m_oldView = this._map.getBounds();
this._map.on({
zoomstart: this.getPreZoom,
zoomend: this.triggerLyrChange,
viewreset: MapViewReset,
moveend: MapDrag
});
this._map.invalidateSize("true");
},
getPreZoom: function (e) {
this._preZoom = this._map.getZoom();
},
triggerLyrChange: function () {
if (this._map.getZoom() == this._queryScale && this._map.getZoom() > this._preZoom) {
this._map.fire('jsonLyrType');
}
if (this.getZoom() == this._queryScale - 1 && this._map.getZoom() < this._preZoom) {
this._map.fire('imgLyrType');
}
},
...
})
getPreZoom和triggerLyrChange都是事件绑定函数,函数中的this就是对象的_map,怎么在这个函数里面正确引用实例化对象?只能用FxtMap.prototype吗?
大家讲道理2017-07-05 10:57:22
楼上讲的没问题,用bind就行,或者你可以自己模拟一个bind,
Function.prototype.NewBind = function(obj){
var _self = this;
return function(){
_self.call(obj,arguments);
};
};
//调用的话
getPreZoom: function (e) {
this._preZoom = this._map.getZoom();
}.NewBind(this)
//和bind一样
習慣沉默2017-07-05 10:57:22
自己搞明白了,自问自答一下。
这是js中典型的'this'变量的问题,在事件绑定函数中,回调函数最终是被事件绑定对象所调用,故此时的'this'指向该对象,此时想要将回调函数中的'this'变量指向实例对象,需要通过Function.prototype.bind手动改变this的指向。