членов класса доступа из вложенных функций

Question

У меня есть этот класс в JavaScript

var MyGird = Class.extend({ 
    classMemeber1 : "Some Value" 
    ,clickEvent : function(){ 
     this.editor.on({ 
      afteredit: function() { 
       // 
       // HOW TO I ACCESS classMemeber1 from here? ? 
       // 
       // 
      } 
     }) 
}) 

Как получить доступ к classMemeber1 изнутри afteredit ...
Благодаря

Answer 1

Вам необходимо сохранить ссылку на объект, вызывающий clickEvent, путем хранения this^[1] в переменной. Он будет доступен внутри метода afteredit из-за закрытия.

var MyGird = Class.extend({ 
    classMemeber1: "Some Value", 
    clickEvent: function() { 
     var self = this; // save object reference 
     this.editor.on({ 
      afteredit: function() { 
       // access classMemeber1 from here 
       // by using the stored reference 
       alert(self.classMemeber1); 
      } 
     }); 
    }, 
    // ... 
}); 

^{[1] this operator in javascript (примечание: 'это' не является оператором)}

Answer 2

Если вы пишете ES6, вы можете использовать стрелки функции: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions

В вашем примере, должно быть что-то вроде (не проверено):

var MyGird = Class.extend({ 
    classMemeber1: "Some Value", 
    clickEvent:() => { 
     this.editor.on({ 
      afteredit:() =>() { 
       alert(this.classMemeber1); 
      } 
     }); 
    }, 
    // ... 
});