javascript 面向對象的JavaScript類

2024-05-06 14:10:14

字體：大中小

來源：轉載

供稿：網友

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

上一篇：jquery ajax提交表單數據的兩種實現方法

下一篇：比Jquery的document.ready更快的方法