javascript - 如何在 Javascript 中访问事件内部的成员变量

Question

我有以下 JavaScript:

var testObj = function() {
    this.test1 = "123";
}


testObj.prototype = {
    myFunc: function() {
        var input = $('<input type=button value="clickme" />');
        $('body').append(input);
        input.click(function () {
            alert(this.test1);
        });
    }
}

$(document).ready( function() {
    var t = new testObj();
    t.myFunc();
});

我知道为什么 alert 语句显示未定义，但如何让它显示 test1 变量的实际值。

jsFiddle有示例代码。

Answer 1

你可以这样做

http://jsfiddle.net/33Mtu/7/

myFunc: function() {
    var self = this;
    var input = $('<input type=button value="clickme" />');
    $('body').append(input);
    input.click(function () {
        alert(self.test1);
    });
},

当您在点击函数中说this时，this指的是被点击的项目。我将 self 设置为 this，这样您就可以在点击函数中安全地使用 self