从 jquery 回调中获取类实例

Question

如何从 jquery 的回调中获取“MyClass”实例。

function MyClass(){      

  this.message = 'Hello World'; // I need access to this variable in the callback

  //registering class member function as callback
  $('div').draggable({drag:this.onDrag});

  this.onDrag = function(event,ui){

   alert(this.message); // 'this' is jquery object, not MyClass instance;

  }
}

PS 具有“MyClass”实例的全局变量或将实例存储到数据中是不可取的。

谢谢你！

Answer 1

这里最好的选择（IMO）只是保留另一个引用，我更喜欢 self，如下所示：

function MyClass(){      
  var self = this;
  this.message = 'Hello World'; // I need access to this variable in the callback

  //registering class member function as callback
  $('div').draggable({drag:this.onDrag});

  this.onDrag = function(event,ui){    
    alert(self.message);
  }
}

另一种选择是混淆另一个你无法真正控制的插件的上下文（再次，IMO）它是并不是真正必要，在许多情况下，只需使用另一个引用来访问您的类就同样容易且不那么混乱。