javascript - JavaScript 名前空間と jQuery イベント ハンドラ

Question

他の Javascript コードとの競合を避けるために、Javascript 名前空間を作成しました。

var ns = {
   init: function() {
      $('a').click(this.clickHandler);
   },
   clickHandler: function() {
      // Some code here ..

      // The keyword "this" does not reference my "ns" object anymore. 
      // Now, it represents the "anchor"
      this.updateUI();
   },
   updateUI: function() {
      // Some code here ...
   }
};

囲んでいる名前空間を参照するにはどうすればよいですか?

Answer 1

$.proxy

$('a').click($.proxy(this.clickHandler, this));

Answer 2

イベント ハンドラーを匿名関数にバインドし、その中でclickHandlerを呼び出すことができます。このようにして、コンテキストは引き続きnsオブジェクトを参照します。

var ns = {
   init: function() {
      var self = this; // store context in closure chain
      $('a').click(function () {
         self.clickHandler();
      });
   },
   clickHandler: function() {
      this.updateUI();
   },
   updateUI: function() {
      // Some code here ...
   }
};