そのコンストラクタに渡される関数からのjavascriptオブジェクトのプロパティへのアクセス

Question

この関数は、と呼び出されているので、以下のコードは機能しません。 = window。 この = controller.actions.projectを期待していましたが、それ以降はどのようにしてというキーワードが機能しているのかを学びました。

BROKEN

controller.actions = { 
     project: new TableauAction("Project", 
      function() { 
       $http.get('/reports/projects/').then(function (response) { 
        this.options = response.data; 
       }); 
      }}; 

以下は、この問題を解決するが、それは非常に洗練され

は

controller.actions = { 
     project: new TableauAction("Project", 
      function() { 
       var self = controller.actions.project; 
       $http.get('/reports/projects/').then(function (response) { 
        self.options = response.data; 
       }); 
      }}; 

TableauActionオブジェクトワークス：

function TableauAction(name, onChange) { 
this.name = name; 
this.onChange = onChange;} 

私の質問は、それがコンストラクタに渡される関数からオブジェクトのプロパティにアクセスするより洗練された方法があるかどうかです。

Answer 1

onChangeコールバックに「this」コンテキストを追加します。

function TableauAction(name, onChange) { 
    this.name = name; 
    this.onChange = onChange; 
    //add this context to your onChange 
    this.onChange.bind(this); 
} 

次にこれに次のように変更します。

controller.actions = { 
     project: new TableauAction("Project", 
      function() { 
       //"this" refers to TableauAction instance now 
       var $this = this; 
       $http.get('/reports/projects/').then(function (response) { 
        //this refers to $http callback response.. 
        $this.options = response.data; 
       }); 
      }}; 
}