在jQuery按钮回调中获得正确的“this”

时间:2009-07-14 21:11:30

标签: javascript oop this

我有一个班级:

function RustEditor() {

this.init = function() {

    var saveButton = this.container.find("button.saveButton");
    saveButton.click(function(){this.save();});

};
...

当我点击按钮时,它会抱怨this.save不是一个函数。这是因为“this”不是指这里的RustEditor实例,而是指按钮。我可以在回调闭包内使用什么变量来指向RustEditor的实例?我可以使用rust.editor(它在全局范围内的名称),但那是臭臭的代码。

2 个答案:

答案 0 :(得分:12)

通常的做法是将this值括起来:

 function RustEditor() {

 this.init = function() {
    var self = this;

    var saveButton = this.container.find("button.saveButton");
    saveButton.click(function(){self.save();});

 };

根据tvanfosson的建议更新: 调用事件处理程序时this会被反弹,因此您需要在创建对象时使用将在闭包中保留该引用的变量捕获对类的引用。

答案 1 :(得分:1)

在RustEditor()中,您可以先复制对按钮的引用并使用它。