小編給大家分享一下Javascript中面向對象程序設計對象成員的示例分析,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴,公司提供的服務項目有:國際域名空間、網站空間、營銷軟件、網站建設、望花網站維護、網站推廣。序:
剛接觸javascript的時候,覺得這語言有點兒摸不著門道,感覺這玩意兒太難學了,沒什么規(guī)范,沒什么像樣的手冊,而且還跟html,dom,css打交道,更覺得一團糟,代碼可讀性也很差,面向過程的勉強能看懂,看面向對象的代碼簡直就是杯具,各種括號啊,后來了解ajax,了解了jquery,知道了很多網頁特效都是用javascript寫的,才慢慢有了好感,來了bd以后寫javascript和php一半一半才漸漸發(fā)現javascript的強大和靈活,看了《javascript權威指南》和《javascript高級編程》之后發(fā)現,正是因為她的靈活,鑄就了她的偉大,接下來我會把學習javascript中的一些內容記錄下來,一方面加深自己的印象,另一方面也算是分享吧。
1.公有成員
我們都知道,在javascript里,萬物皆對象,因此定義一個對象和公有成員最簡單不過了:
var obj = { aa:"I'm public" }
但是這個對象只是一個空殼,不論在java還是C++/C#中對象都是有構造函數的,怎么能讓定義對象的時候,同時定義他的構造函數呢?在java/C++中,構造函數其實是對象的一個成員函數,但是在javascript中我們要換一種思維,如果僅僅定義構造函數:
var obj = { aa:"I'm public", _construct:function(){ } }
我們在new這個對象的時候,構造函數是不會“自動”執(zhí)行的,所以想想之前說到的“萬物皆對象”,如何讓一個對象在定義的時候執(zhí)行一個函數呢?那就是定義一個函數對象:)
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特性的開發(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是在函數作用域定義的,因此在函數對象外部無法訪問,同樣“局部”函數_getB也是在函數作用域中定義的,也無法在函數對象外部訪問,但是同是在函數作用域定義的函數getA和getB由于閉包的作用,即使對象(函數)定義時,對象(函數)的代碼執(zhí)行完了(即離開局部作用域),依然能夠訪問局部變量(成員)_b和局部變量(函數)_getB,從而實現了私有成員和私有函數。
4.靜態(tài)變量和靜態(tài)函數
沒錯,是“靜態(tài)變量和靜態(tài)函數”,當我看到這里的時候也很驚訝,閉包實現私有也就算了,怎么還要搞出來一個靜態(tài)變量和靜態(tài)函數?熟悉javascript的都知道原型(prototype)的概念,在我看來,其實原型類似于類屬性和類方法,但是他在運行期是可以任意改變的,這里再介紹一下javascript中實現靜態(tài)變量和靜態(tài)函數
在私有成員和私有方法中,介紹了可以用閉包來實現將“成員”定義在函數作用域中,從而限制其訪問,那么如何實現所有對象共享的成員和函數呢?所謂的所有對象共享,換一種思路其實就是這種成員的作用域和其他成員的作用域不同,還是考慮閉包的概念,我們在私有成員和私有方法中定義的對象,對象定義時他的作用域其實就是整個函數作用域,在函數中定義所有內容在new的時候都會執(zhí)行一遍,那怎么做才能讓對象在new的時候其靜態(tài)成員和靜態(tài)函數不再被定義呢?別忘了,我們在定義對象的時候他還是個函數,我們寫了這么多函數,為啥沒寫return呢?因為我們一直把他當對象來用,改把人家當成函數看了吧,如果我們再return一個對象的話,那么在new的時候,就只會new我們return的對象了,因此,在外層函數定義的內容只在定義的時候執(zhí)行,在new的時候就不再執(zhí)行了。有人又問了,那我們的對象就不再是外層函數對象了,在他里面定義的內容咋用啊?別忘了“閉包”這個概念,return的函數也是在(外層)函數作用域內定義的函數,他“有權”訪問外層函數定義的內容,因此,靜態(tài)變量和靜態(tài)函數的定義如下:
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 } })();//最早看到這一行我就頭大,現在看起來是多么的藝術啊^_^
通常靜態(tài)方法的時候都是私有的,如果想定義公有的靜態(tài)方法,可以加上:
obj.pubmethod = function(){ };
5.常量
什么是常量?常量就是對象中不能改變的量,什么又叫對象中不能改變的量?就是說無論在對象內部還是外部都不能改變的量,私有變量本身在外部無法改變,內部無法改變的話也就是沒有一個能改變其值的函數即可^_^
以上便是關于javascript中定義最基礎對象的一些方法和技巧了,語言越靈活,留給人們思考的空間也就更廣闊。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
以上是“Javascript中面向對象程序設計對象成員的示例分析”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!