У меня возникла проблема с потерями видимости внутри виджета. Внутри _initialize, this.options
не работает, и ни делает that.options
. Как я могу получить доступ к области видимости этого метода?
$.widget("myproj.map", {
options: {
centerLat: 51.511214,
centerLong: -0.119824,
},
// the constructor
_create: function () {
var that = this;
google.maps.event.addDomListener(window, 'load', this._initialize);
},
_initialize: function () {
var mapOptions = {
center: new google.maps.LatLng(that.options.centerLat, that.options.centerLong),
zoom: 11,
};
Чтобы уточнить
$.widget("myproj.map", {
options: {
centerLat: 51.511214,
centerLong: -0.119824,
},
// the constructor
_create: function () {
google.maps.event.addDomListener(window, 'load', this._initialize);
},
_initialize: function () {
console.log(this);
var mapOptions = {
center: new google.maps.LatLng(this.options.centerLat, this.options.centerLong),
zoom: 11
}; ...code omitted
не работает, когда я console.log это в _initialize я получаю
Window {top: Window, window: Window, location: Location, external: Object, chrome: Object…}
google.maps.event.addDomListener
изменяет то, что this
значит. вы можете изменить его назад, вызвав bind mehtod
google.maps.event.addDomListener(window, 'load', this._initialize.bind(this));
EDIT: этот ответ устраняет переупорядочивание, вызванное обработчиком событий
var that
находится внутри функции _create
, вы должны иметь доступ к this
изнутри инициализации.
new google.maps.LatLng(this.options.centerLat, this.options.centerLong)
проверьте этот аналогичный вопрос о "этом"
};
,}
И т.д. ...} });