快捷導(dǎo)航

《javascript設(shè)計模式》學(xué)習(xí)筆記一：Javascript面向?qū)ο蟪绦蛟O(shè)計對象成員的定義分析

更新時間：2020年04月07日 10:54:01 作者：silentime

這篇文章主要介紹了《javascript設(shè)計模式》學(xué)習(xí)筆記Javascript面向?qū)ο蟪绦蛟O(shè)計對象成員的定義,結(jié)合實例形式分析了《javascript設(shè)計模式》中JavaScript面向?qū)ο蟪绦蛟O(shè)計的原理、定義、用法及操作注意事項,需要的朋友可以參考下

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

序：

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

1.公有成員

我們都知道，在javascript里，萬物皆對象，因此定義一個對象和公有成員最簡單不過了：

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

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

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

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

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

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

2.公有方法

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

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

3.私有成員和私有方法

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

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

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

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

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

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

在私有成員和私有方法中，介紹了可以用閉包來實現(xiàn)將“成員”定義在函數(shù)作用域中，從而限制其訪問，那么如何實現(xiàn)所有對象共享的成員和函數(shù)呢？所謂的所有對象共享，換一種思路其實就是這種成員的作用域和其他成員的作用域不同，還是考慮閉包的概念，我們在私有成員和私有方法中定義的對象，對象定義時他的作用域其實就是整個函數(shù)作用域，在函數(shù)中定義所有內(nèi)容在new的時候都會執(zhí)行一遍，那怎么做才能讓對象在new的時候其靜態(tài)成員和靜態(tài)函數(shù)不再被定義呢？別忘了，我們在定義對象的時候他還是個函數(shù)，我們寫了這么多函數(shù)，為啥沒寫return呢？因為我們一直把他當對象來用，改把人家當成函數(shù)看了吧，如果我們再return一個對象的話，那么在new的時候，就只會new我們return的對象了，因此，在外層函數(shù)定義的內(nèi)容只在定義的時候執(zhí)行，在new的時候就不再執(zhí)行了。有人又問了，那我們的對象就不再是外層函數(shù)對象了，在他里面定義的內(nèi)容咋用啊？別忘了“閉包”這個概念，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)方法的時候都是私有的，如果想定義公有的靜態(tài)方法，可以加上：