javascript - 调用类实例方法onclick javascript

Question

我有一个 javascript 文件，其中包含包含方法函数的类。我想知道如何从 onClick 事件调用类实例方法。

function MyClass()
{
    this.instanceData = "Display Me";

    this.DisplayData = function()
    {
        document.write(this.instanceData);
    }
}

var classInstance = new MyClass();

如何从 onClick 事件调用 classInstance 上的 DisplayData 函数。例如:

<button onClick="classInstance.DisplayData()">Click Me!</button>

这不起作用，但可以帮助我弄清楚我要做什么。有什么建议吗？

Answer 1

http://jsfiddle.net/EyMCQ/1/

正如您所注意到的，这不起作用，因为您声明的 var 保留在执行 block 的范围内。如果删除 var，它将起作用，因为 classInstance 现在处于全局范围内。

function MyClass() {
    this.instanceData = "Display Me";

    this.DisplayData = function() {
        alert(this.instanceData);
    }
}

classInstance = new MyClass();​

并这样调用它:

<button onClick="classInstance.DisplayData.call(classInstance)">Click Me!</button>​

http://jsfiddle.net/EyMCQ/2/