物件導向的JavaScript（2）：類

       在小項目中對於JavaScript使用，只要寫幾個function就行了。但在大型項目中，尤其是在開發追求良好的使用者體驗的網站中，如SNS,就會 用到大量的JavaScrpt，有時JavaScript的工作量勝過了C#，這時寫一堆function,就會顯得很亂，雜亂無章，甚至會出現命名衝突，管理和維 護起來都很麻煩。對於這種情況我們就需要使用物件導向的思想來開發JavaScript。那我們就這樣作罷：

       在上一節面 向對象的JavaScript（1）：命名空間  中說了怎麼定義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#的同學也會這樣覺得的，^_^。

 原文地址：http://www.cnblogs.com/xumingxiang/archive/2010/04/30/1725277.html

作者 : 徐明祥
出處：http://www.cnblogs.com/xumingxiang 
著作權：本文著作權歸作者和部落格園共有
轉載：歡迎轉載，為了儲存作者的創作熱情，請按要求【轉載】，謝謝
要求：未經作者同意，必須保留此段聲明；必須在文章中給出原文串連；否則必究法律責任