コールバックのクラスメソッドにアクセスする正しい方法[プロトタイプ]

Question

私はプロトタイプ1.7を使用して、本質的にdivのリストを取得し、タブインタフェースを構築するクラスを構築しています。

var tabs = Class.create({ 
    initialize: function(container, options) { 
     this.options = Object.extend({ 
      // additional options 
      tabsRendered: null, 
     }, options || {}); 

     // init code 

     if(this.options.tabsRendered) { 
      this.options.tabsRendered(); 
     } 
    }, 

    // additional methods 

    setCurrent: function(link){ 
     //adds a .current class to tab clicked and its corresponding section 
    } 
}; 

new vtabs('products', { 
    tabsRendered: function(){ 
     if(window.location.hash != "") { 
      var link = $$('a[href$="' + window.location.hash + '"]'); 
      this.setCurrent(link); 
     } 
    } 
}); 

私の質問は、私のtabsRenderedカスタムコールバックに関するものです。コールバックが実行されるとき、this.setCurrent(link)は何もしません。

このをコールバックに渡すと、私のカスタムコールバックは期待通りに機能します。

if(this.options.tabsRendered) { 
    this.options.tabsRendered(this); 
} 

私の推測では、コールバックにこのを渡すことはベストプラクティスではないということです。では、コールバック内からメソッドへのアクセスを許可するにはどうすればよいですか？

おかげ

Answer 1

問題はtabsRenderedが結合していないであるということです。プロトタイプでは、bind()を使用して匿名関数をバインドする必要があります。 // init codeを実行した後：

if (Object.isFunction(this.options.tabsRendered)) 
    this.options.tabsRendered = this.options.tabsRendered.bind(this); 

をその後、あなたはthis.options.tabsRendered()を呼び出すことができますし、その回の匿名関数内で、thisは、右のオブジェクトを参照します。バインディングの詳細については、the Prototype API docsを参照してください。

EDIT：コメント：匿名の機能だけが影響を受けるのではないことは間違いありません。これはの機能が定義されている範囲のthisです。