小編給大家分享一下Javascript中面向?qū)ο蟪绦蛟O(shè)計(jì)對(duì)象成員的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到怒江州網(wǎng)站設(shè)計(jì)與怒江州網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都做網(wǎng)站、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋怒江州地區(qū)。

序：

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

1.公有成員

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

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í)行的，所以想想之前說(shuō)到的“萬(wàn)物皆對(duì)象”，如何讓一個(gè)對(duì)象在定義的時(shí)候執(zhí)行一個(gè)函數(shù)呢？那就是定義一個(gè)函數(shù)對(duì)象：）

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

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

2.公有方法

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

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

3.私有成員和私有方法

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

關(guān)于閉包的概念在這兒就不解釋了，這個(gè)概念可以當(dāng)作一個(gè)專題來(lái)講了，太復(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ì)象外部無(wú)法訪問(wèn)，同樣“局部”函數(shù)_getB也是在函數(shù)作用域中定義的，也無(wú)法在函數(shù)對(duì)象外部訪問(wèn)，但是同是在函數(shù)作用域定義的函數(shù)getA和getB由于閉包的作用，即使對(duì)象（函數(shù)）定義時(shí)，對(duì)象（函數(shù)）的代碼執(zhí)行完了（即離開(kāi)局部作用域），依然能夠訪問(wèn)局部變量（成員）_b和局部變量（函數(shù)）_getB，從而實(shí)現(xiàn)了私有成員和私有函數(shù)。

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

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

在私有成員和私有方法中，介紹了可以用閉包來(lái)實(shí)現(xiàn)將“成員”定義在函數(shù)作用域中，從而限制其訪問(wèn)，那么如何實(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ù)，為啥沒(méi)寫return呢？因?yàn)槲覀円恢卑阉?dāng)對(duì)象來(lái)用，改把人家當(dāng)成函數(shù)看了吧，如果我們?cè)賠eturn一個(gè)對(duì)象的話，那么在new的時(shí)候，就只會(huì)new我們r(jià)eturn的對(duì)象了，因此，在外層函數(shù)定義的內(nèi)容只在定義的時(shí)候執(zhí)行，在new的時(shí)候就不再執(zhí)行了。有人又問(wèn)了，那我們的對(duì)象就不再是外層函數(shù)對(duì)象了，在他里面定義的內(nèi)容咋用啊？別忘了“閉包”這個(gè)概念，return的函數(shù)也是在（外層）函數(shù)作用域內(nèi)定義的函數(shù)，他“有權(quán)”訪問(wè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)在看起來(lái)是多么的藝術(shù)啊^_^

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

obj.pubmethod = function(){
};

5.常量

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

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

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

以上是“Javascript中面向?qū)ο蟪绦蛟O(shè)計(jì)對(duì)象成員的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！