Javascript类实例问题

Question

我正在尝试弄清楚 JavaScript OOP，我尝试了以下方法，但当我需要更改特定实例上的类变量时失败了。

我有一个默认值的“myname”，然后我为特定实例更改它，并在事件处理程序中打印它的值。我得到的是默认值，而不是更新后的值。

我如何更改代码以支持此功能？

谢谢

function myClass () {}

myClass.prototype = 
{

    myname : "test",

    test  : function (filename)
    {
        var img = createSomething ();
        img.container = this;

        img.addEventListener('click', this.onClick);                    
    }, 


    onClick : function (e)
    {
        trace ("click: " + e.source.container.myname); // this will print "test" and not "dave"
    }

};



var instance = new myClass ();

instance.myname = "dave";

instance.test();

Answer 1

我不知道 trace() 和 e.source 是什么，但是当我以你的例子为例，并使用 console.log() 和 e.target.container.myname，它工作得很好。

示例: http://jsfiddle.net/L2UMC/2/

(注意该示例仅适用于支持 addEventListener 的浏览器)

function myClass() {}

myClass.prototype = {

    myname: "test",

    test: function(filename) {
        var img = new Image();
        img.src = "http://dummyimage.com/120x90/f00/fff.png&text=my+image"
        img.container = this;

        img.addEventListener('click', this.onClick, false);
        document.body.appendChild(img);
    },
    onClick: function(e) {
        console.log("click: " + e.target.container.myname); 
    }
};
var instance = new myClass();
instance.myname = "dave";
instance.test();

---

编辑:按照@Felix Kling 的正确建议，通过添加第三个参数使addEventListener 更加兼容。 .