bar调用函数时“this”的行为让我感到困惑。请参阅下面的代码。当从单击处理程序调用 bar 而不是 html 元素时，有什么方法可以将“this”安排为一个普通的旧 js 对象实例？
// a class with a method
function foo() {
this.bar(); // when called here, "this" is the foo instance
var barf = this.bar;
barf(); // when called here, "this" is the global object
// when called from a click, "this" is the html element
$("#thing").after($("<div>click me</div>").click(barf));
}
foo.prototype.bar = function() {
alert(this);
}
欢迎来到 JavaScript 的世界！:D
您已经进入了 javascript 作用域和闭包的领域。
简短的回答：
this.bar()
在foo的范围内执行，（因为这里指的是foo）
var barf = this.bar;
barf();
在全局范围内执行。
this.bar 基本上意味着：
在this (foo)的作用域下执行this.bar指向的函数。当您将 this.bar 复制到 barf 并运行 barf 时。Javascript 理解为，运行 barf 指向的函数，由于没有this，它只是在全局范围内运行。
要纠正此问题，您可以更改
barf();
到这样的事情：
barf.apply(this);
这告诉 Javascript在执行之前将this的作用域绑定到 barf。
对于 jquery 事件，您将需要使用匿名函数，或扩展原型中的绑定函数以支持作用域。
欲了解更多信息：
this在QuirksMode上有一个关于JavaScript 中关键字的很好的解释。
获取这本书：JavaScript：好的部分。
另外，尽可能多地阅读 Douglas Crockford 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
});