将此参数绑定到命名参数[重复]

Question

如果我的代码结构如下：

 Thing.prototype = {

    doSomething: function() {
      $(selector).click(this.handleClick.bind(null, this));
    },

    handleClick: function(self, event) {
      console.log(this); //Window
      console.log(self); //Thing
    }

 }

如何将 Thing this 上下文绑定到 self 参数并仍然保持 this 对象的行为，就好像使用 bind 方法没有绑定任何参数一样？

注意：我知道我可以绑定 this 并使用 e.originalEvent.target 来获得我想要的行为，但我只是好奇是否还有其他方法

我希望我能完成我想要实现的目标，如果有任何不明确的地方，请发表评论。

Answer 1

如何将 Thing this 上下文绑定到 self 参数，并且仍然保持 this 对象的行为，就好像没有使用 bind 方法绑定任何参数一样？

您不会为此使用bind，因为您希望this 是动态的。而是：

doSomething: function() {
  var self = this;
  $(selector).click(function(e) {
      return self.handleClick.call(this, self, e);
  });
},

在handleClick 期间，this 将引用被点击的元素，第一个参数是Thing 实例，第二个参数是事件：

handleClick: function(self, event) {
  console.log(this);  // The clicked element
  console.log(self);  // The Thing
  console.log(event); // The event
}