Question

我有一个像这样的构造函数对象。

var Cons = function(me){
  this.name= me;
  this.ele = document.getElementById("element");
  this.ele.addEventListener("click",this.fnClick,false);
}

并将一些方法扩展为原型

 Cons.prototype.getme= function(){
     return this.me;
  }
  Cons.prototype.fnClick= function(){
      alert(this.getme())
  }
 var initZ = new Cons("test");

所以我的问题是当im“fcClick”作为绑定函数执行时“this”将引用绑定的HTML元素，而不是当前的实例Object，

那么如何在“fnClick”中传递“ this ”的引用？？

jsfiddle link

Answer 1

对于不支持bind的浏览器使用this.fnClick.bind(this)或

var Cons = function(me){
  this.name= me;
  this.ele = document.getElementById("element");

  var self = this;
  function handler() {
    self.fnClick(arguments);
  }
  this.ele.addEventListener("click", handler, false);
}

请参阅http://jsfiddle.net/Fy5ZV/1/（getme()返回this.name）

Answer 2

您可以使用bind() ...

var Cons = function(me){
  this.name= me;
  this.ele = document.getElementById("element");
  this.ele.addEventListener("click",this.fnClick.bind(this),false);
}

这样可以保证将ThisBinding设置为调用环境的this。

获取函数bind中对象的引用作为js中的事件。

2 个答案: