1. 程式人生 > 程式設計 >《javascript設計模式》學習筆記一:Javascript面向物件程式設計物件成員的定義分析

《javascript設計模式》學習筆記一:Javascript面向物件程式設計物件成員的定義分析

本文例項講述了Javascript面向物件程式設計物件成員的定義。分享給大家供大家參考,具體如下:

序:

剛接觸javascript的時候,覺得這語言有點兒摸不著門道,感覺這玩意兒太難學了,沒什麼規範,沒什麼像樣的手冊,而且還跟html,dom,css打交道,更覺得一團糟,程式碼可讀性也很差,面向過程的勉強能看懂,看面向物件的程式碼簡直就是杯具,各種括號啊,後來瞭解ajax,瞭解了jquery,知道了很多網頁特效都是用javascript寫的,才慢慢有了好感,來了bd以後寫javascript和php一半一半才漸漸發現javascript的強大和靈活,看了《javascript權威指南》和《javascript高階程式設計》之後發現,正是因為她的靈活,鑄就了她的偉大,接下來我會把學習javascript中的一些內容記錄下來,一方面加深自己的印象,另一方面也算是分享吧。

1.公有成員

我們都知道,在javascript裡,萬物皆物件,因此定義一個物件和公有成員最簡單不過了:

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

但是這個物件只是一個空殼,不論在java還是C++/C#中物件都是有建構函式的,怎麼能讓定義物件的時候,同時定義他的建構函式呢?在java/C++中,建構函式其實是物件的一個成員函式,但是在javascript中我們要換一種思維,如果僅僅定義建構函式:

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

我們在new這個物件的時候,建構函式是不會“自動”執行的,所以想想之前說到的“萬物皆物件”,如何讓一個物件在定義的時候執行一個函式呢?那就是定義一個函式物件:)

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

這樣我們就定義了一個具有“建構函式”的物件了

2.公有方法

定義公有方法的方式和定義公有成員的方式一樣,只不過這個成員是一個函式,而不是一個string或者其他型別的物件

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

3.私有成員和私有方法

我們知道雖然javascript中有物件的概念,但是卻沒有“私有”的概念,也就是說我們不能像java/C++一樣使用關鍵詞private來定義一個私有成員,只要是成員,就是公有的,那麼怎麼實現私有成員呢?我們首先考慮這個問題:什麼叫私有成員?私有成員就是在物件的外部不能直接訪問的成員

,比如物件obj,如果我們能直接引用obj.a那麼他就是公有的,如果引用obj._b,提示錯誤或者丟擲異常,那麼_b就是私有的。實現私有成員也就是實現在類的外部不能訪問他的某種成員,而只能通過他的成員函式訪問。在1中已經說了,我們現在定義的是函式物件,那麼也就是說要實現在函式的外部不能訪問他的某種成員,而只能通過他的成員函式訪問。函式的成員函式這叫什麼話?我們換一種說法:函式內部定義的函式。那麼我們要實現的就是在函式的外部不能訪問,但是在函式內部定義的函式能訪問的某種變數,如果瞭解javascript特性的開發人員,應該對黑體的這句話感覺似曾相識,沒錯,這就是閉包的概念。

關於閉包的概念在這兒就不解釋了,這個概念可以當作一個專題來講了,太複雜了,可以看看《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是在函式作用域定義的,因此在函式物件外部無法訪問,同樣“區域性”函式_getB也是在函式作用域中定義的,也無法在函式物件外部訪問,但是同是在函式作用域定義的函式getA和getB由於閉包的作用,即使物件(函式)定義時,物件(函式)的程式碼執行完了(即離開區域性作用域),依然能夠訪問區域性變數(成員)_b和區域性變數(函式)_getB,從而實現了私有成員和私有函式。

4.靜態變數和靜態函式

沒錯,是“靜態變數和靜態函式”,當我看到這裡的時候也很驚訝,閉包實現私有也就算了,怎麼還要搞出來一個靜態變數和靜態函式?熟悉javascript的都知道原型(prototype)的概念,在我看來,其實原型類似於類屬性和類方法,但是他在執行期是可以任意改變的,這裡再介紹一下javascript中實現靜態變數和靜態函式

在私有成員和私有方法中,介紹了可以用閉包來實現將“成員”定義在函式作用域中,從而限制其訪問,那麼如何實現所有物件共享的成員和函式呢?所謂的所有物件共享,換一種思路其實就是這種成員的作用域和其他成員的作用域不同,還是考慮閉包的概念,我們在私有成員和私有方法中定義的物件,物件定義時他的作用域其實就是整個函式作用域,在函式中定義所有內容在new的時候都會執行一遍,那怎麼做才能讓物件在new的時候其靜態成員和靜態函式不再被定義呢?別忘了,我們在定義物件的時候他還是個函式,我們寫了這麼多函式,為啥沒寫return呢?因為我們一直把他當物件來用,改把人家當成函式看了吧,如果我們再return一個物件的話,那麼在new的時候,就只會new我們return的物件了,因此,在外層函式定義的內容只在定義的時候執行,在new的時候就不再執行了。有人又問了,那我們的物件就不再是外層函式物件了,在他裡面定義的內容咋用啊?別忘了“閉包”這個概念,return的函式也是在(外層)函式作用域內定義的函式,他“有權”訪問外層函式定義的內容,因此,靜態變數和靜態函式的定義如下:

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
 }

})();//最早看到這一行我就頭大,現在看起來是多麼的藝術啊^_^

通常靜態方法的時候都是私有的,如果想定義公有的靜態方法,可以加上:

obj.pubmethod = function(){
};

5.常量

什麼是常量?常量就是物件中不能改變的量,什麼又叫物件中不能改變的量?就是說無論在物件內部還是外部都不能改變的量,私有變數本身在外部無法改變,內部無法改變的話也就是沒有一個能改變其值的函式即可^_^

以上便是關於javascript中定義最基礎物件的一些方法和技巧了,語言越靈活,留給人們思考的空間也就更廣闊。

感興趣的朋友可以使用線上HTML/CSS/JavaScript程式碼執行工具:http://tools.jb51.net/code/HtmlJsRun測試上述程式碼執行效果。

更多關於JavaScript相關內容感興趣的讀者可檢視本站專題:《javascript面向物件入門教程》、《JavaScript錯誤與除錯技巧總結》、《JavaScript資料結構與演算法技巧總結》、《JavaScript遍歷演算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程式設計有所幫助。