javascript 物件導向的JavaScript類

在上一節面 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#的同學也會這樣覺得的，^_^。
作者: 祥叔