javascript – 如何在jQuery中创建适当的闭包？

这是我的代码示例：

var bar = function() {

  this.baz = function() {
    this.input = $('.input');
    this.input.bind("keydown keyup focus blur change",this.foo);
  }

  this.foo = function(event){
    console.log(this);
  }

}

显然,单击我的输入可以在控制台中输入输入.我怎么能得到这样的酒吧呢？

解决方法

这是因为当您 bind事件时,使用触发事件的DOM元素的上下文调用事件处理函数,this关键字表示DOM元素.

要获得“bar”,您应该存储对外部闭包的引用：

var bar = function() {
  var self = this;

  this.baz = function() {
    this.input = $('.input');
    this.input.bind("keydown keyup focus blur change",this.foo);
  }

  this.foo = function(event){
    console.log(this); // the input
    console.log(self); // the bar scope
  }
};

注意：如果在没有new运算符的情况下调用bar函数,这将是window对象,baz和foo将成为全局变量,请小心！

但是我认为你的代码可以简化：

var bar = {
  baz: function() {
    var input = $('.input');
    input.bind("keydown keyup focus blur change",this.foo);
  },foo: function(event){
    console.log(this); // the input
    console.log(bar); // reference to the bar object
  }
};