javascript 面向對象的JavaScript類

2019-11-21 00:32:00

字體：大中小

來源：轉載

供稿：網友

在上一節面 JavaScript 面向對象之命名空間中說了怎么定義JavaScript命名空間，這一節來說下緊接著的一個概念――類。雖然JavaScript中沒有class關鍵字，但作為開發人員我們一定要有這個思想。在C#中類可以分為實例類和靜態類，JavaScript亦然。

一，定義實例類：在上節中我定義了一個cnblogs.news的命名空間，現在就在此命名空間下定義一個名為Article類:

復制代碼代碼如下:

 
cnblogs.news.Article=function(){ 
var _this=this; 
this.title=null; 
this.content=null; 
this.show=function(){ 
document.write("<h1>"+_this.title+"</h1>"); 
document.write("<p>"+_this.content+"</p>"); 
} 
} 

創建對象就和C#一樣：

復制代碼代碼如下:

 
// 實例化一個對象 
var article =new cnblogs.news.Article(); 
// 給對象的屬性賦值 
article.title="這是文章標題"; 
article.content="這是文章內容"; 
// 調用對象的方法 
article.show(); 

二，定義靜態類：所謂靜態類就是直接調用類的成員，換言之，類的成員是屬于類的，不屬于對象。同樣以Article為例，代碼如下：

復制代碼代碼如下:

 
cnblogs.news.Article={ 
title:"這是文章標題", 
content:"這是文章內容", 
show:function(){ 
document.write("<h1>"+cnblogs.news.Article.title+"</h1>"); 
document.write("<p>"+cnblogs.news.Article.content+"</p>"); 
} 
}; 

調用方式也和C#類似：
cnblogs.news.Article.show();
到這里或許你已經發現了，所謂JavaScript靜態類其實就是一個json對象，恭喜，答對了！ ^_^
三，如何選擇：
那么何時選擇實例類，何時選擇靜態類呢，就個人經驗而言(說得不對敬請斧正刀正，怎么正都可以^_^)，開發一些對dom的依賴比較弱，而要求復用型很強的程序，如工具類，插件類，結構，使用靜態類；反之如果程序對dom依賴很強，經常有變量傳來傳去，或者對類的結構造成變化，這時選用實例類。個人比較推崇第一種方案，其代碼風格較之第二種更像C#，我想寫慣了C#的同學也會這樣覺得的，^_^。
作者: 祥叔

上一篇：JavaScript 面向對象的之私有成員和公開成員

下一篇：JavaScript 面向對象之命名空間