我應該如何從html調用JavaScript類方法？

Question

我有一個JavaScript類，如下所示：

function Apple (type) { 
    this.type = type; 
    this.color = "red"; 
} 

Apple.prototype.getInfo = function() { 
    return this.color + ' ' + this.type + ' apple'; 
}; 

現在我想從一個事件我的html文件中調用方法是getinfo。說我有一個像下面這樣的div：

<div ... onmouseover="getinfo()"></div> 

現在我知道上面不是調用getinfo的正確方法。那麼最好的方法是什麼？

一種方法可能如下，我在windowonload（）調用中定義一個類對象，並使用該對象調用方法getinfo（）。但是如果我爲一個大項目和很多對象有很多類，該怎麼辦？然後我需要在windowonload（）調用中定義每個對象，這對我來說看起來並不正確。必須有一種方法來即時創建對象。請引導我？

Answer 1

聲明你類：

function Apple (type) { 
    this.type = type; 
    this.color = "red"; 
} 

Apple.prototype.getInfo = function() { 
    return this.color + ' ' + this.type + ' apple'; 
}; 

創建它的一個實例：

var apple = new Apple("pink lady"); 

然後用它玩：

<div ... onmouseover="alert(apple.getInfo())"></div> 

Answer 2

要叫你需要創建方法該對象的一個​​實例，例如：

new Apple('Granny Smith') 

你可以保持在一個變量的參照對象，並使用該變量調用方法：

var green = new Apple('Granny Smith'); 
var info = green.getinfo(); 

或者你可以直接對飛的對象，並調用方法：

var info = new Apple('Granny Smith').getinfo(); 

通常在頁面加載時創建對象的實例並在稍後使用時有意義。