jQuery/JavaScript“this”指针混淆

欢迎来到javascript世界D

您已经进入了javascript作用域和闭包的领域。

this.bar()

在以下范围内执行: 福 ,(作为 这 指 福

var barf = this.bar;
barf();

在全局范围下执行。

这个.bar基本上意味着:

在的范围内执行this.bar所指的函数 这 (foo)。 将此.bar复制到barf并运行barf时。Javascript理解为,运行barf所指的函数,因为没有

要更正此问题,您可以更改

barf();

barf.apply(this);

这告诉Javascript绑定 这 在执行之前呕吐。

有关更多信息:

• Good explanation on scoping
• Extending jQuery bind to supportscoping

这是一个很好的解释 this QuirksMode

您可能会发现:

Controlling the value of 'this' in a jQuery event

http://www.learningjquery.com/2007/08/what-is-this

有用的

获取这本书:JavaScript:好的部分。

此外,尽可能多地阅读道格拉斯·克罗克福德的著作 http://www.crockford.com/javascript/

你可以用 Function.apply 关于函数设置什么 this

$("#thing").after($("<div>click me</div>").click(function() {
    barf.apply(document); // now this refers to the document
});

这是因为 这

您可以通过以下匿名功能帮助自己:

function foo() {
  var obj = this;
  $("#thing").after($("<div>click me</div>").click(function(){obj.bar();}));
}

foo.prototype.bar = function() {
  alert(this);
}

this.bar();  // when called here, "this" is the foo instance

在这里:

foo();//this stands for window