处理 jQuery 和 Object 的“this”之间的冲突

Question

我正在实例化一个创建 DOM 元素并将 jQuery 对象 作为其属性之一的对象，例如：

this.element = $("<div></div>");

我注意到在建立事件时，jQuery 对this 上下文的重写可能会导致问题，例如如果您尝试应用以下内容：

this.element.click(function() {
  this.someObjectMethod();
});

内部 this 现在适用于 DOM 元素，而不是原始对象。为了克服这个问题，我可以做到以下几点：

var _this = this;
this.element.click(function() {
  _this.someObjectMethod();
});

我想知道，这是不好的做法，有没有更好的方法？我查看了一些jQuery docs on apply and call，但我不确定他们是否会在这种情况下提供帮助。

另外，我正在使用Resig's 'simple inheritence 'Class，这可能会对您的答案产生影响。

更新看到$.proxy 的答案，这些似乎是合理的解决方案，但是您将失去引用 DOM 元素的能力。

Answer 1

你可以使用$.proxy():

this.element.click($.proxy(function() {
    this.someObjectMethod();
}, this));

它返回一个函数，该函数将始终在您在第二个参数中指定的对象的上下文中调用（在我们的例子中，外部this）。

$.proxy() 还强制使用事件处理程序的一种特殊情况：如果您稍后将原始的、未代理的方法传递给off() 或unbind()，即使您没有直接指定代理处理程序，它也会被透明地删除。