本文實(shí)例講述了Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)對(duì)象成員的定義。分享給大家供大家參考，具體如下：

序：

剛接觸javascript的時(shí)候，覺得這語言有點(diǎn)兒摸不著門道，感覺這玩意兒太難學(xué)了，沒什么規(guī)范，沒什么像樣的手冊(cè)，而且還跟html，dom，css打交道，更覺得一團(tuán)糟，代碼可讀性也很差，面向過程的勉強(qiáng)能看懂，看面向?qū)ο蟮拇a簡(jiǎn)直就是杯具，各種括號(hào)啊，后來了解ajax，了解了jquery，知道了很多網(wǎng)頁(yè)特效都是用javascript寫的，才慢慢有了好感，來了bd以后寫javascript和php一半一半才漸漸發(fā)現(xiàn)javascript的強(qiáng)大和靈活，看了《javascript權(quán)威指南》和《javascript高級(jí)編程》之后發(fā)現(xiàn)，正是因?yàn)樗撵`活，鑄就了她的偉大，接下來我會(huì)把學(xué)習(xí)javascript中的一些內(nèi)容記錄下來，一方面加深自己的印象，另一方面也算是分享吧。

1.公有成員

我們都知道，在javascript里，萬物皆對(duì)象，因此定義一個(gè)對(duì)象和公有成員最簡(jiǎn)單不過了：

var obj = {
 aa:"I'm public"
}

但是這個(gè)對(duì)象只是一個(gè)空殼，不論在java還是C++/C#中對(duì)象都是有構(gòu)造函數(shù)的，怎么能讓定義對(duì)象的時(shí)候，同時(shí)定義他的構(gòu)造函數(shù)呢？在java/C++中，構(gòu)造函數(shù)其實(shí)是對(duì)象的一個(gè)成員函數(shù)，但是在javascript中我們要換一種思維，如果僅僅定義構(gòu)造函數(shù)：

var obj = {
 aa:"I'm public",
 _construct:function(){
 }
}

我們?cè)趎ew這個(gè)對(duì)象的時(shí)候，構(gòu)造函數(shù)是不會(huì)“自動(dòng)”執(zhí)行的，所以想想之前說到的“萬物皆對(duì)象”，如何讓一個(gè)對(duì)象在定義的時(shí)候執(zhí)行一個(gè)函數(shù)呢？那就是定義一個(gè)函數(shù)對(duì)象：）

var obj = function(mem1){
 this.aa = mem1;
};

這樣我們就定義了一個(gè)具有“構(gòu)造函數(shù)”的對(duì)象了

2.公有方法

定義公有方法的方式和定義公有成員的方式一樣，只不過這個(gè)成員是一個(gè)函數(shù)，而不是一個(gè)string或者其他類型的對(duì)象

var obj = fucntion(mem1){
 this.a = mem1;
 this.getA = function(){
  return this.a;
 }
};

3.私有成員和私有方法

我們知道雖然javascript中有對(duì)象的概念，但是卻沒有“私有”的概念，也就是說我們不能像java/C++一樣使用關(guān)鍵詞private來定義一個(gè)私有成員，只要是成員，就是公有的，那么怎么實(shí)現(xiàn)私有成員呢？我們首先考慮這個(gè)問題：什么叫私有成員？私有成員就是在對(duì)象的外部不能直接訪問的成員，比如對(duì)象obj，如果我們能直接引用obj.a那么他就是公有的，如果引用obj._b，提示錯(cuò)誤或者拋出異常，那么_b就是私有的。實(shí)現(xiàn)私有成員也就是實(shí)現(xiàn)在類的外部不能訪問他的某種成員，而只能通過他的成員函數(shù)訪問。在1中已經(jīng)說了，我們現(xiàn)在定義的是函數(shù)對(duì)象，那么也就是說要實(shí)現(xiàn)在函數(shù)的外部不能訪問他的某種成員，而只能通過他的成員函數(shù)訪問。函數(shù)的成員函數(shù)這叫什么話？我們換一種說法：函數(shù)內(nèi)部定義的函數(shù)。那么我們要實(shí)現(xiàn)的就是在函數(shù)的外部不能訪問，但是在函數(shù)內(nèi)部定義的函數(shù)能訪問的某種變量，如果了解javascript特性的開發(fā)人員，應(yīng)該對(duì)黑體的這句話感覺似曾相識(shí)，沒錯(cuò)，這就是閉包的概念。

關(guān)于閉包的概念在這兒就不解釋了，這個(gè)概念可以當(dāng)作一個(gè)專題來講了，太復(fù)雜了，可以看看《javascript高級(jí)編程》或者google之。

有了上面的想法，就可以改造一下上面的對(duì)象定義。

var obj = function(){
 //private member
 var _b;
 //public member
 this.a = mem1;
 
 //constructor
 _b = mem2;

 //private method definations
 function _getB(){return _b};

 //public method definations
 this.getA = function(){return this.a;};
 this.getB = function(){return _getB();};
 this.setA = fucntion(){……};
 this.setB = fucntion(){……};
}

由于局部變量_b是在函數(shù)作用域定義的，因此在函數(shù)對(duì)象外部無法訪問，同樣“局部”函數(shù)_getB也是在函數(shù)作用域中定義的，也無法在函數(shù)對(duì)象外部訪問，但是同是在函數(shù)作用域定義的函數(shù)getA和getB由于閉包的作用，即使對(duì)象（函數(shù)）定義時(shí)，對(duì)象（函數(shù)）的代碼執(zhí)行完了（即離開局部作用域），依然能夠訪問局部變量（成員）_b和局部變量（函數(shù)）_getB，從而實(shí)現(xiàn)了私有成員和私有函數(shù)。

4.靜態(tài)變量和靜態(tài)函數(shù)

沒錯(cuò)，是“靜態(tài)變量和靜態(tài)函數(shù)”，當(dāng)我看到這里的時(shí)候也很驚訝，閉包實(shí)現(xiàn)私有也就算了，怎么還要搞出來一個(gè)靜態(tài)變量和靜態(tài)函數(shù)？熟悉javascript的都知道原型（prototype）的概念，在我看來，其實(shí)原型類似于類屬性和類方法，但是他在運(yùn)行期是可以任意改變的，這里再介紹一下javascript中實(shí)現(xiàn)靜態(tài)變量和靜態(tài)函數(shù)

在私有成員和私有方法中，介紹了可以用閉包來實(shí)現(xiàn)將“成員”定義在函數(shù)作用域中，從而限制其訪問，那么如何實(shí)現(xiàn)所有對(duì)象共享的成員和函數(shù)呢？所謂的所有對(duì)象共享，換一種思路其實(shí)就是這種成員的作用域和其他成員的作用域不同，還是考慮閉包的概念，我們?cè)谒接谐蓡T和私有方法中定義的對(duì)象，對(duì)象定義時(shí)他的作用域其實(shí)就是整個(gè)函數(shù)作用域，在函數(shù)中定義所有內(nèi)容在new的時(shí)候都會(huì)執(zhí)行一遍，那怎么做才能讓對(duì)象在new的時(shí)候其靜態(tài)成員和靜態(tài)函數(shù)不再被定義呢？別忘了，我們?cè)诙x對(duì)象的時(shí)候他還是個(gè)函數(shù)，我們寫了這么多函數(shù)，為啥沒寫return呢？因?yàn)槲覀円恢卑阉?dāng)對(duì)象來用，改把人家當(dāng)成函數(shù)看了吧，如果我們?cè)賠eturn一個(gè)對(duì)象的話，那么在new的時(shí)候，就只會(huì)new我們r(jià)eturn的對(duì)象了，因此，在外層函數(shù)定義的內(nèi)容只在定義的時(shí)候執(zhí)行，在new的時(shí)候就不再執(zhí)行了。有人又問了，那我們的對(duì)象就不再是外層函數(shù)對(duì)象了，在他里面定義的內(nèi)容咋用?。縿e忘了“閉包”這個(gè)概念，return的函數(shù)也是在（外層）函數(shù)作用域內(nèi)定義的函數(shù)，他“有權(quán)”訪問外層函數(shù)定義的內(nèi)容，因此，靜態(tài)變量和靜態(tài)函數(shù)的定義如下：

var obj = (function(){
 
 //static attribute
 var obj_num = 0;
 //static method
 function add(){obj_num++};
 
 return function(mem1){
  this.a = mem1;
  this.func = function(){};
  
  //blow you can write some constructor codes
 }

})();//最早看到這一行我就頭大，現(xiàn)在看起來是多么的藝術(shù)啊^_^

通常靜態(tài)方法的時(shí)候都是私有的，如果想定義公有的靜態(tài)方法，可以加上：

obj.pubmethod = function(){
};

5.常量

什么是常量？常量就是對(duì)象中不能改變的量，什么又叫對(duì)象中不能改變的量？就是說無論在對(duì)象內(nèi)部還是外部都不能改變的量，私有變量本身在外部無法改變，內(nèi)部無法改變的話也就是沒有一個(gè)能改變其值的函數(shù)即可^_^

以上便是關(guān)于javascript中定義最基礎(chǔ)對(duì)象的一些方法和技巧了，語言越靈活，留給人們思考的空間也就更廣闊。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

最新評(píng)論