入れ子関数から外側のオブジェクトにアクセスする（backbone.jsを使用）

Question

私はbackbone.jsを使ってjs重いアプリケーションを構築しています。私は数回実行した1つの問題は、深い入れ子から外側のオブジェクトを呼び出す方法です機能。次のコード例では、私はこれを行うための最善の方法は何ですか。スライドイベントが発生したときにcustom_functionイベントを呼びたいのでしょうか？

App.Views.Category = Backbone.View.extend({ 
    ...., 
    render: function() { 

     $('#slider').slider({ 
      min:0, 
      max:100, 
      slide: function(event, ui) { 
       //HOW DO I CALL THE custom_function from here???? 

      }, 

     }); 
    }, 

    custom_function: function() { 
     alert('in custom function'); 
    }, 


}); 

Answer 1

空自2つの一般的なオプションがあります。

thisのいずれかのオブジェクトにthatまたはselfを呼び出します。

render: function() { 
    var that = this; 
    $('#slider').slider({ 
     min:0, 
     max:100, 
     slide: function(event, ui) { 
      //HOW DO I CALL THE custom_function from here???? 
      that.custom_function(); 
     }, 

    }); 
}, 

また、関数のコンテキストをバインドすることもできます。

render: function() { 
    $('#slider').slider({ 
     min:0, 
     max:100, 
     slide: (function(event, ui) { 
      //HOW DO I CALL THE custom_function from here???? 
      this.custom_function(); 
     }).bind(this), 

    }); 
}, 

Function.prototype.bindはES5はだけなので、クロスブラウザのサポート