數(shù)據(jù)天生就是文靜的，總想保持自己固有的本色；而代碼卻天生活潑，總想改變這個(gè)世界。

你看，數(shù)據(jù)代碼間的關(guān)系與物質(zhì)能量間的關(guān)系有著驚人的相似。數(shù)據(jù)也是有慣性的，如果沒有代碼來施加外力，她總保持自己原來的狀態(tài)。而代碼就象能量，他存在的唯一目的，就是要努力改變數(shù)據(jù)原來的狀態(tài)。在代碼改變數(shù)據(jù)的同時(shí)，也會(huì)因?yàn)閿?shù)據(jù)的抗拒而反過來影響或改變代碼原有的趨勢(shì)。甚至在某些情況下，數(shù)據(jù)可以轉(zhuǎn)變?yōu)榇a，而代碼卻又有可能被轉(zhuǎn)變?yōu)閿?shù)據(jù)，或許還存在一個(gè)類似E=MC2形式的數(shù)碼轉(zhuǎn)換方程呢。然而，就是在數(shù)據(jù)和代碼間這種即矛盾又統(tǒng)一的運(yùn)轉(zhuǎn)中，總能體現(xiàn)出計(jì)算機(jī)世界的規(guī)律，這些規(guī)律正是我們編寫的程序邏輯。

不過，由于不同程序員有著不同的世界觀，這些數(shù)據(jù)和代碼看起來也就不盡相同。于是，不同世界觀的程序員們運(yùn)用各自的方法論，推動(dòng)著編程世界的進(jìn)化和發(fā)展。

眾所周知，當(dāng)今最流行的編程思想莫過于面向?qū)ο缶幊痰乃枷搿槭裁疵嫦驅(qū)ο蟮乃枷肽苎杆亠L(fēng)靡編程世界呢？因?yàn)槊嫦驅(qū)ο蟮乃枷胧状伟褦?shù)據(jù)和代碼結(jié)合成統(tǒng)一體，并以一個(gè)簡單的對(duì)象概念呈現(xiàn)給編程者。這一下子就將原來那些雜亂的算法與子程序，以及糾纏不清的復(fù)雜數(shù)據(jù)結(jié)構(gòu)，劃分成清晰而有序的對(duì)象結(jié)構(gòu)，從而理清了數(shù)據(jù)與代碼在我們心中那團(tuán)亂麻般的結(jié)。我們又可以有一個(gè)更清晰的思維，在另一個(gè)思想高度上去探索更加浩瀚的編程世界了。

在五祖弘忍講授完《對(duì)象真經(jīng)》之后的一天，他對(duì)眾弟子們說：“經(jīng)已講完，想必爾等應(yīng)該有所感悟，請(qǐng)各自寫個(gè)偈子來看”。大弟子神秀是被大家公認(rèn)為悟性最高的師兄，他的偈子寫道：“身是對(duì)象樹，心如類般明。朝朝勤拂拭，莫讓惹塵埃！”。此偈一出，立即引起師兄弟們的轟動(dòng)，大家都說寫得太好了。只有火頭僧慧能看后，輕輕地嘆了口氣，又隨手在墻上寫道：“對(duì)象本無根，類型亦無形。本來無一物，何處惹塵埃？”。然后搖了搖頭，揚(yáng)長而去。大家看了慧能的偈子都說：“寫的什么亂七八糟的啊，看不懂”。師父弘忍看了神秀的詩偈也點(diǎn)頭稱贊，再看慧能的詩偈之后默然搖頭。就在當(dāng)天夜里，弘忍卻悄悄把慧能叫到自己的禪房，將珍藏多年的軟件真經(jīng)傳授于他，然后讓他趁著月色連夜逃走...

后來，慧能果然不負(fù)師父厚望，在南方開創(chuàng)了禪宗另一個(gè)廣闊的天空。而慧能當(dāng)年帶走的軟件真經(jīng)中就有一本是《JavaScript真經(jīng)》！

回歸簡單

要理解JavaScript，你得首先放下對(duì)象和類的概念，回到數(shù)據(jù)和代碼的本原。前面說過，編程世界只有數(shù)據(jù)和代碼兩種基本元素，而這兩種元素又有著糾纏不清的關(guān)系。JavaScript就是把數(shù)據(jù)和代碼都簡化到最原始的程度。

JavaScript中的數(shù)據(jù)很簡潔的。簡單數(shù)據(jù)只有?undefined,?null,?boolean,?number和string這五種，而復(fù)雜數(shù)據(jù)只有一種，即object。這就好比中國古典的樸素唯物思想，把世界最基本的元素歸為金木水火土，其他復(fù)雜的物質(zhì)都是由這五種基本元素組成。

JavaScript中的代碼只體現(xiàn)為一種形式，就是function。

注意：以上單詞都是小寫的，不要和Number,?String,?Object,?Function等JavaScript內(nèi)置函數(shù)混淆了。要知道，JavaScript語言是區(qū)分大小寫的呀!

任何一個(gè)JavaScript的標(biāo)識(shí)、常量、變量和參數(shù)都只是unfined,?null,?bool,?number,?string,?object?和?function類型中的一種，也就typeof返回值表明的類型。除此之外沒有其他類型了。

先說說簡單數(shù)據(jù)類型吧。

undefined:???代表一切未知的事物，啥都沒有，無法想象，代碼也就更無法去處理了。

注意：typeof(undefined)?返回也是?undefined。

可以將undefined賦值給任何變量或?qū)傩?#xff0c;但并不意味了清除了該變量，反而會(huì)因此多了一個(gè)屬性。

null:????????????有那么一個(gè)概念，但沒有東西。無中似有，有中還無。雖難以想象，但已經(jīng)可以用代碼來處理了。

注意：typeof(null)返回object，但null并非object，具有null值的變量也并非object。

boolean:??????是就是，非就非，沒有疑義。對(duì)就對(duì)，錯(cuò)就錯(cuò)，絕對(duì)明確。既能被代碼處理，也可以控制代碼的流程。

number:??????線性的事物，大小和次序分明，多而不亂。便于代碼進(jìn)行批量處理，也控制代碼的迭代和循環(huán)等。

注意：typeof(NaN)和typeof(Infinity)都返回number?。

NaN參與任何數(shù)值計(jì)算的結(jié)構(gòu)都是NaN，而且?NaN?!=?NaN?。

Infinity?/?Infinity?=?NaN?。

string:?????????面向人類的理性事物，而不是機(jī)器信號(hào)。人機(jī)信息溝通，代碼據(jù)此理解人的意圖等等，都靠它了。

簡單類型都不是對(duì)象，JavaScript沒有將對(duì)象化的能力賦予這些簡單類型。直接被賦予簡單類型常量值的標(biāo)識(shí)符、變量和參數(shù)都不是一個(gè)對(duì)象。

所謂“對(duì)象化”，就是可以將數(shù)據(jù)和代碼組織成復(fù)雜結(jié)構(gòu)的能力。JavaScript中只有object類型和function類型提供了對(duì)象化的能力。

沒有類

object就是對(duì)象的類型。在JavaScript中不管多么復(fù)雜的數(shù)據(jù)和代碼，都可以組織成object形式的對(duì)象。

但JavaScript卻沒有?“類”的概念！

對(duì)于許多面向?qū)ο蟮某绦騿T來說，這恐怕是JavaScript中最難以理解的地方。是啊，幾乎任何講面向?qū)ο蟮臅?#xff0c;第一個(gè)要講的就是“類”的概念，這可是面向?qū)ο蟮闹е＿@突然沒有了“類”，我們就象一下子沒了精神支柱，感到六神無主。看來，要放下對(duì)象和類，達(dá)到“對(duì)象本無根，類型亦無形”的境界確實(shí)是件不容易的事情啊。

這樣，我們先來看一段JavaScript程序：

對(duì)象素描

已經(jīng)說了許多了許多話題了，但有一個(gè)很基本的問題我們忘了討論，那就是：怎樣建立對(duì)象？

在前面的示例中，我們已經(jīng)涉及到了對(duì)象的建立了。我們使用了一種被稱為JavaScript?Object?Notation(縮寫JSON)的形式，翻譯為中文就是“JavaScript對(duì)象表示法”。

JSON為創(chuàng)建對(duì)象提供了非常簡單的方法。例如，

創(chuàng)建一個(gè)沒有任何屬性的對(duì)象：

var?o?=?{};

創(chuàng)建一個(gè)對(duì)象并設(shè)置屬性及初始值：

var?person?=?{name:?"Angel",?age:?18,?married:?false};

創(chuàng)建一個(gè)對(duì)象并設(shè)置屬性和方法：

var?speaker?=?{text:?"Hello?World",?say:?function(){alert(this.text)}};

創(chuàng)建一個(gè)更復(fù)雜的對(duì)象，嵌套其他對(duì)象和對(duì)象數(shù)組等：

var?company?=

{

name:?"Microsoft",

product:?"softwares",

chairman:?{name:?"Bill?Gates",?age:?53,?Married:?true},

employees:?[{name:?"Angel",?age:?26,?Married:?false},?{name:?"Hanson",?age:?32,?Marred:?true}],

readme:?function()?{document.write(this.name?+?"?product?"?+?this.product);}

};

JSON的形式就是用大括“{}”號(hào)包括起來的項(xiàng)目列表，每一個(gè)項(xiàng)目間并用逗號(hào)“,”分隔，而項(xiàng)目就是用冒號(hào)“:”分隔的屬性名和屬性值。這是典型的字典表示形式，也再次表明了?JavaScript里的對(duì)象就是字典結(jié)構(gòu)。不管多么復(fù)雜的對(duì)象，都可以被一句JSON代碼來創(chuàng)建并賦值。

其實(shí)，JSON就是JavaScript對(duì)象最好的序列化形式，它比XML更簡潔也更省空間。對(duì)象可以作為一個(gè)JSON形式的字符串，在網(wǎng)絡(luò)間自由傳遞和交換信息。而當(dāng)需要將這個(gè)JSON字符串變成一個(gè)JavaScript對(duì)象時(shí)，只需要使用eval函數(shù)這個(gè)強(qiáng)大的數(shù)碼轉(zhuǎn)換引擎，就立即能得到一個(gè)JavaScript內(nèi)存對(duì)象。正是由于JSON的這種簡單樸素的天生麗質(zhì)，才使得她在AJAX舞臺(tái)上成為璀璨奪目的明星。

JavaScript就是這樣，把面向?qū)ο竽切┛此茝?fù)雜的東西，用及其簡潔的形式表達(dá)出來。卸下對(duì)象浮華的濃妝，還對(duì)象一個(gè)眉目清晰！

構(gòu)造對(duì)象

好了，接下我們來討論一下對(duì)象的另一種創(chuàng)建方法。

除JSON外，在JavaScript中我們可以使用new操作符結(jié)合一個(gè)函數(shù)的形式來創(chuàng)建對(duì)象。例如：

function?MyFunc()?{};?????????//定義一個(gè)空函數(shù)

var?anObj?=?new?MyFunc();??//使用new操作符，借助MyFun函數(shù)，就創(chuàng)建了一個(gè)對(duì)象

JavaScript的這種創(chuàng)建對(duì)象的方式可真有意思，如何去理解這種寫法呢？

其實(shí)，可以把上面的代碼改寫成這種等價(jià)形式：

function?MyFunc(){};

var?anObj?=?{};?????//創(chuàng)建一個(gè)對(duì)象

MyFunc.call(anObj);?//將anObj對(duì)象作為this指針調(diào)用MyFunc函數(shù)

我們就可以這樣理解，JavaScript先用new操作符創(chuàng)建了一個(gè)對(duì)象，緊接著就將這個(gè)對(duì)象作為this參數(shù)調(diào)用了后面的函數(shù)。其實(shí)，JavaScript內(nèi)部就是這么做的，而且任何函數(shù)都可以被這樣調(diào)用！但從?“anObj?=?new?MyFunc()”?這種形式，我們又看到一個(gè)熟悉的身影，C++和C#不就是這樣創(chuàng)建對(duì)象的嗎？原來，條條大路通靈山，殊途同歸啊！

君看到此處也許會(huì)想，我們?yōu)槭裁床豢梢园堰@個(gè)MyFunc當(dāng)作構(gòu)造函數(shù)呢？恭喜你，答對(duì)了！JavaScript也是這么想的！請(qǐng)看下面的代碼：

1?????function?Person(name)???//帶參數(shù)的構(gòu)造函數(shù)

2?????{

3?????????this.name?=?name;???//將參數(shù)值賦給給this對(duì)象的屬性

4?????????this.SayHello?=?function()?{alert("Hello,?I'm?"?+?this.name);};???//給this對(duì)象定義一個(gè)SayHello方法。

5?????};

6

7?????function?Employee(name,?salary)?????//子構(gòu)造函數(shù)

8?????{

9?????????Person.call(this,?name);????????//將this傳給父構(gòu)造函數(shù)

10?????????this.salary?=?salary;???????//設(shè)置一個(gè)this的salary屬性

11?????????this.ShowMeTheMoney?=?function()?{alert(this.name?+?"?$"?+?this.salary);};??//添加ShowMeTheMoney方法。

12?????};

13

14?????var?BillGates?=?new?Person("Bill?Gates");???//用Person構(gòu)造函數(shù)創(chuàng)建BillGates對(duì)象

15?????var?SteveJobs?=?new?Employee("Steve?Jobs",?1234);???//用Empolyee構(gòu)造函數(shù)創(chuàng)建SteveJobs對(duì)象

16

17?????BillGates.SayHello();???//顯示：I'm?Bill?Gates

18?????SteveJobs.SayHello();???//顯示：I'm?Steve?Jobs

19?????SteveJobs.ShowMeTheMoney();???//顯示：Steve?Jobs?$1234

20

21?????alert(BillGates.constructor?==?Person);??//顯示：true

22?????alert(SteveJobs.constructor?==?Employee);??//顯示：true

23

24?????alert(BillGates.SayHello?==?SteveJobs.SayHello);?//顯示：false

這段代碼表明，函數(shù)不但可以當(dāng)作構(gòu)造函數(shù)，而且還可以帶參數(shù)，還可以為對(duì)象添加成員和方法。其中的第9行，Employee構(gòu)造函數(shù)又將自己接收的this作為參數(shù)調(diào)用Person構(gòu)造函數(shù)，這就是相當(dāng)于調(diào)用基類的構(gòu)造函數(shù)。第21、22行還表明這樣一個(gè)意思：BillGates是由Person構(gòu)造的，而SteveJobs是由Employee構(gòu)造的。對(duì)象內(nèi)置的constructor屬性還指明了構(gòu)造對(duì)象所用的具體函數(shù)！

其實(shí)，如果你愿意把函數(shù)當(dāng)作“類”的話，她就是“類”，因?yàn)樗緛砭陀小邦悺钡哪切┨卣鳌ｋy道不是嗎？她生出的兒子各個(gè)都有相同的特征，而且構(gòu)造函數(shù)也與類同名嘛！

但要注意的是，用構(gòu)造函數(shù)操作this對(duì)象創(chuàng)建出來的每一個(gè)對(duì)象，不但具有各自的成員數(shù)據(jù)，而且還具有各自的方法數(shù)據(jù)。換句話說，方法的代碼體(體現(xiàn)函數(shù)邏輯的數(shù)據(jù))在每一個(gè)對(duì)象中都存在一個(gè)副本。盡管每一個(gè)代碼副本的邏輯是相同的，但對(duì)象們確實(shí)是各自保存了一份代碼體。上例中的最后一句說明了這一實(shí)事，這也解釋了JavaScript中的函數(shù)就是對(duì)象的概念。

同一類的對(duì)象各自有一份方法代碼顯然是一種浪費(fèi)。在傳統(tǒng)的對(duì)象語言中，方法函數(shù)并不象JavaScript那樣是個(gè)對(duì)象概念。即使也有象函數(shù)指針、方法指針或委托那樣的變化形式，但其實(shí)質(zhì)也是對(duì)同一份代碼的引用。一般的對(duì)象語言很難遇到這種情況。

不過，JavaScript語言有大的靈活性。我們可以先定義一份唯一的方法函數(shù)體，并在構(gòu)造this對(duì)象時(shí)使用這唯一的函數(shù)對(duì)象作為其方法，就能共享方法邏輯。例如：

1?????function?Person(name)???//基類構(gòu)造函數(shù)

2?????{

3?????????this.name?=?name;

4?????};

5

6?????Person.prototype.SayHello?=?function()??//給基類構(gòu)造函數(shù)的prototype添加方法

7?????{

8?????????alert("Hello,?I'm?"?+?this.name);

9?????};

10

11?????function?Employee(name,?salary)?//子類構(gòu)造函數(shù)

12?????{

13?????????Person.call(this,?name);????//調(diào)用基類構(gòu)造函數(shù)

14?????????this.salary?=?salary;

15?????};

16

17?????Employee.prototype?=?new?Person();??//建一個(gè)基類的對(duì)象作為子類原型的原型，這里很有意思

18

19?????Employee.prototype.ShowMeTheMoney?=?function()??//給子類添構(gòu)造函數(shù)的prototype添加方法

20?????{

21?????????alert(this.name?+?"?$"?+?this.salary);

22?????};

23

24?????var?BillGates?=?new?Person("Bill?Gates");???//創(chuàng)建基類Person的BillGates對(duì)象

25?????var?SteveJobs?=?new?Employee("Steve?Jobs",?1234);???//創(chuàng)建子類Employee的SteveJobs對(duì)象

26

27?????BillGates.SayHello();???????//通過對(duì)象直接調(diào)用到prototype的方法

28?????SteveJobs.SayHello();???????//通過子類對(duì)象直接調(diào)用基類prototype的方法，關(guān)注！

29?????SteveJobs.ShowMeTheMoney();?//通過子類對(duì)象直接調(diào)用子類prototype的方法

30

31?????alert(BillGates.SayHello?==?SteveJobs.SayHello);?//顯示：true，表明prototype的方法是共享的????這段代碼的第17行，構(gòu)造了一個(gè)基類的對(duì)象，并將其設(shè)為子類構(gòu)造函數(shù)的prototype，這是很有意思的。這樣做的目的就是為了第28行，通過子類對(duì)象也可以直接調(diào)用基類prototype的方法。為什么可以這樣呢？

原來，在JavaScript中，prototype不但能讓對(duì)象共享自己財(cái)富，而且prototype還有尋根問祖的天性，從而使得先輩們的遺產(chǎn)可以代代相傳。當(dāng)從一個(gè)對(duì)象那里讀取屬性或調(diào)用方法時(shí)，如果該對(duì)象自身不存在這樣的屬性或方法，就會(huì)去自己關(guān)聯(lián)的prototype對(duì)象那里尋找；如果prototype沒有，又會(huì)去prototype自己關(guān)聯(lián)的前輩prototype那里尋找，直到找到或追溯過程結(jié)束為止。

在JavaScript內(nèi)部，對(duì)象的屬性和方法追溯機(jī)制是通過所謂的prototype鏈來實(shí)現(xiàn)的。當(dāng)用new操作符構(gòu)造對(duì)象時(shí)，也會(huì)同時(shí)將構(gòu)造函數(shù)的prototype對(duì)象指派給新創(chuàng)建的對(duì)象，成為該對(duì)象內(nèi)置的原型對(duì)象。對(duì)象內(nèi)置的原型對(duì)象應(yīng)該是對(duì)外不可見的，盡管有些瀏覽器(如Firefox)可以讓我們?cè)L問這個(gè)內(nèi)置原型對(duì)象，但并不建議這樣做。內(nèi)置的原型對(duì)象本身也是對(duì)象，也有自己關(guān)聯(lián)的原型對(duì)象，這樣就形成了所謂的原型鏈。

在原型鏈的最末端，就是Object構(gòu)造函數(shù)prototype屬性指向的那一個(gè)原型對(duì)象。這個(gè)原型對(duì)象是所有對(duì)象的最老祖先，這個(gè)老祖宗實(shí)現(xiàn)了諸如toString等所有對(duì)象天生就該具有的方法。其他內(nèi)置構(gòu)造函數(shù)，如Function,?Boolean,?String,?Date和RegExp等的prototype都是從這個(gè)老祖宗傳承下來的，但他們各自又定義了自身的屬性和方法，從而他們的子孫就表現(xiàn)出各自宗族的那些特征。

這不就是“繼承”嗎？是的，這就是“繼承”，是JavaScript特有的“原型繼承”。

“原型繼承”是慈祥而又嚴(yán)厲的。原形對(duì)象將自己的屬性和方法無私地貢獻(xiàn)給孩子們使用，也并不強(qiáng)迫孩子們必須遵從，允許一些頑皮孩子按自己的興趣和愛好獨(dú)立行事。從這點(diǎn)上看，原型對(duì)象是一位慈祥的母親。然而，任何一個(gè)孩子雖然可以我行我素，但卻不能動(dòng)原型對(duì)象既有的財(cái)產(chǎn)，因?yàn)槟强赡軙?huì)影響到其他孩子的利益。從這一點(diǎn)上看，原型對(duì)象又象一位嚴(yán)厲的父親。我們來看看下面的代碼就可以理解這個(gè)意思了：

function?Person(name)

{

this.name?=?name;

};

Person.prototype.company?=?"Microsoft";?//原型的屬性

Person.prototype.SayHello?=?function()??//原型的方法

{

alert("Hello,?I'm?"?+?this.name?+?"?of?"?+?this.company);

};

var?BillGates?=?new?Person("Bill?Gates");

BillGates.SayHello();???//由于繼承了原型的東西，規(guī)規(guī)矩矩輸出：Hello,?I'm?Bill?Gates

var?SteveJobs?=?new?Person("Steve?Jobs");

SteveJobs.company?=?"Apple";????//設(shè)置自己的company屬性，掩蓋了原型的company屬性

SteveJobs.SayHello?=?function()?//實(shí)現(xiàn)了自己的SayHello方法，掩蓋了原型的SayHello方法

{

alert("Hi,?"?+?this.name?+?"?like?"?+?this.company?+?",?ha?ha?ha?");

};

SteveJobs.SayHello();???//都是自己覆蓋的屬性和方法，輸出：Hi,?Steve?Jobs?like?Apple,?ha?ha?ha

BillGates.SayHello();???//SteveJobs的覆蓋沒有影響原型對(duì)象，BillGates還是按老樣子輸出????對(duì)象可以掩蓋原型對(duì)象的那些屬性和方法，一個(gè)構(gòu)造函數(shù)原型對(duì)象也可以掩蓋上層構(gòu)造函數(shù)原型對(duì)象既有的屬性和方法。這種掩蓋其實(shí)只是在對(duì)象自己身上創(chuàng)建了新的屬性和方法，只不過這些屬性和方法與原型對(duì)象的那些同名而已。JavaScript就是用這簡單的掩蓋機(jī)制實(shí)現(xiàn)了對(duì)象的“多態(tài)”性，與靜態(tài)對(duì)象語言的虛函數(shù)和重載(override)概念不謀而合。

然而，比靜態(tài)對(duì)象語言更神奇的是，我們可以隨時(shí)給原型對(duì)象動(dòng)態(tài)添加新的屬性和方法，從而動(dòng)態(tài)地?cái)U(kuò)展基類的功能特性。這在靜態(tài)對(duì)象語言中是很難想象的。我們來看下面的代碼：

function?Person(name)

{

this.name?=?name;

};

Person.prototype.SayHello?=?function()??//建立對(duì)象前定義的方法

{

alert("Hello,?I'm?"?+?this.name);

};

var?BillGates?=?new?Person("Bill?Gates");???//建立對(duì)象

BillGates.SayHello();

Person.prototype.Retire?=?function()????//建立對(duì)象后再動(dòng)態(tài)擴(kuò)展原型的方法

{

alert("Poor?"?+?this.name?+?",?bye?bye!");

};

BillGates.Retire();?//動(dòng)態(tài)擴(kuò)展的方法即可被先前建立的對(duì)象立即調(diào)用????阿彌佗佛，原型繼承竟然可以玩出有這樣的法術(shù)！

原型擴(kuò)展

想必君的悟性極高，可能你會(huì)這樣想：如果在JavaScript內(nèi)置的那些如Object和Function等函數(shù)的prototype上添加些新的方法和屬性，是不是就能擴(kuò)展JavaScript的功能呢？

那么，恭喜你，你得到了！

在AJAX技術(shù)迅猛發(fā)展的今天，許多成功的AJAX項(xiàng)目的JavaScript運(yùn)行庫都大量擴(kuò)展了內(nèi)置函數(shù)的prototype功能。比如微軟的ASP.NET?AJAX，就給這些內(nèi)置函數(shù)及其prototype添加了大量的新特性，從而增強(qiáng)了JavaScript的功能。

我們來看一段摘自MicrosoftAjax.debug.js中的代碼：

String.prototype.trim?=?function?String$trim()?{

if?(arguments.length?!==?0)?throw?Error.parameterCount();

return?this.replace(/^\s+|\s+$/g,?'');

}

這段代碼就是給內(nèi)置String函數(shù)的prototype擴(kuò)展了一個(gè)trim方法，于是所有的String類對(duì)象都有了trim方法了。有了這個(gè)擴(kuò)展，今后要去除字符串兩段的空白，就不用再分別處理了，因?yàn)槿魏巫址加辛诉@個(gè)擴(kuò)展功能，只要調(diào)用即可，真的很方便。

當(dāng)然，幾乎很少有人去給Object的prototype添加方法，因?yàn)槟菚?huì)影響到所有的對(duì)象，除非在你的架構(gòu)中這種方法的確是所有對(duì)象都需要的。

前兩年，微軟在設(shè)計(jì)AJAX類庫的初期，用了一種被稱為“閉包”(closure)的技術(shù)來模擬“類”。其大致模型如下：

function?Person(firstName,?lastName,?age)

{

//私有變量：

var?_firstName?=?firstName;

var?_lastName?=?lastName;

//公共變量:

this.age?=?age;

//方法：

this.getName?=?function()

{

return(firstName?+?"?"?+?lastName);

};

this.SayHello?=?function()

{

alert("Hello,?I'm?"?+?firstName?+?"?"?+?lastName);

};

};

var?BillGates?=?new?Person("Bill",?"Gates",?53);

var?SteveJobs?=?new?Person("Steve",?"Jobs",?53);

BillGates.SayHello();

SteveJobs.SayHello();

alert(BillGates.getName()?+?"?"?+?BillGates.age);

alert(BillGates.firstName);?????//這里不能訪問到私有變量

很顯然，這種模型的類描述特別象C#語言的描述形式，在一個(gè)構(gòu)造函數(shù)里依次定義了私有成員、公共屬性和可用的方法，顯得非常優(yōu)雅嘛。特別是“閉包”機(jī)制可以模擬對(duì)私有成員的保護(hù)機(jī)制，做得非常漂亮。

所謂的“閉包”，就是在構(gòu)造函數(shù)體內(nèi)定義另外的函數(shù)作為目標(biāo)對(duì)象的方法函數(shù)，而這個(gè)對(duì)象的方法函數(shù)反過來引用外層外層函數(shù)體中的臨時(shí)變量。這使得只要目標(biāo)對(duì)象在生存期內(nèi)始終能保持其方法，就能間接保持原構(gòu)造函數(shù)體當(dāng)時(shí)用到的臨時(shí)變量值。盡管最開始的構(gòu)造函數(shù)調(diào)用已經(jīng)結(jié)束，臨時(shí)變量的名稱也都消失了，但在目標(biāo)對(duì)象的方法內(nèi)卻始終能引用到該變量的值，而且該值只能通這種方法來訪問。即使再次調(diào)用相同的構(gòu)造函數(shù)，但只會(huì)生成新對(duì)象和方法，新的臨時(shí)變量只是對(duì)應(yīng)新的值，和上次那次調(diào)用的是各自獨(dú)立的。的確很巧妙！

但是前面我們說過，給每一個(gè)對(duì)象設(shè)置一份方法是一種很大的浪費(fèi)。還有，“閉包”這種間接保持變量值的機(jī)制，往往會(huì)給JavaSript的垃圾回收器制造難題。特別是遇到對(duì)象間復(fù)雜的循環(huán)引用時(shí)，垃圾回收的判斷邏輯非常復(fù)雜。無獨(dú)有偶，IE瀏覽器早期版本確實(shí)存在JavaSript垃圾回收方面的內(nèi)存泄漏問題。再加上“閉包”模型在性能測(cè)試方面的表現(xiàn)不佳，微軟最終放棄了“閉包”模型，而改用“原型”模型。正所謂“有得必有失”嘛。

原型模型需要一個(gè)構(gòu)造函數(shù)來定義對(duì)象的成員，而方法卻依附在該構(gòu)造函數(shù)的原型上。大致寫法如下：

//定義構(gòu)造函數(shù)

function?Person(name)

{

this.name?=?name;???//在構(gòu)造函數(shù)中定義成員

};

//方法定義到構(gòu)造函數(shù)的prototype上

Person.prototype.SayHello?=?function()

{

alert("Hello,?I'm?"?+?this.name);

};

//子類構(gòu)造函數(shù)

function?Employee(name,?salary)

{

Person.call(this,?name);????//調(diào)用上層構(gòu)造函數(shù)

this.salary?=?salary;???????//擴(kuò)展的成員

};

//子類構(gòu)造函數(shù)首先需要用上層構(gòu)造函數(shù)來建立prototype對(duì)象，實(shí)現(xiàn)繼承的概念

Employee.prototype?=?new?Person()???//只需要其prototype的方法，此對(duì)象的成員沒有任何意義！

//子類方法也定義到構(gòu)造函數(shù)之上

Employee.prototype.ShowMeTheMoney?=?function()

{

alert(this.name?+?"?$"?+?this.salary);

};

var?BillGates?=?new?Person("Bill?Gates");

BillGates.SayHello();

var?SteveJobs?=?new?Employee("Steve?Jobs",?1234);

SteveJobs.SayHello();

SteveJobs.ShowMeTheMoney();????原型類模型雖然不能模擬真正的私有變量，而且也要分兩部分來定義類，顯得不怎么“優(yōu)雅”。不過，對(duì)象間的方法是共享的，不會(huì)遇到垃圾回收問題，而且性能優(yōu)于“閉包”模型。正所謂“有失必有得”嘛。

在原型模型中，為了實(shí)現(xiàn)類繼承，必須首先將子類構(gòu)造函數(shù)的prototype設(shè)置為一個(gè)父類的對(duì)象實(shí)例。創(chuàng)建這個(gè)父類對(duì)象實(shí)例的目的就是為了構(gòu)成原型鏈，以起到共享上層原型方法作用。但創(chuàng)建這個(gè)實(shí)例對(duì)象時(shí)，上層構(gòu)造函數(shù)也會(huì)給它設(shè)置對(duì)象成員，這些對(duì)象成員對(duì)于繼承來說是沒有意義的。雖然，我們也沒有給構(gòu)造函數(shù)傳遞參數(shù)，但確實(shí)創(chuàng)建了若干沒有用的成員，盡管其值是undefined，這也是一種浪費(fèi)啊。

唉！世界上沒有完美的事情啊！

原型真諦

正當(dāng)我們感概萬分時(shí)，天空中一道紅光閃過，祥云中出現(xiàn)了觀音菩薩。只見她手持玉凈瓶，輕拂翠柳枝，灑下幾滴甘露，頓時(shí)讓JavaScript又添新的靈氣。

觀音灑下的甘露在JavaScript的世界里凝結(jié)成塊，成為了一種稱為“語法甘露”的東西。這種語法甘露可以讓我們編寫的代碼看起來更象對(duì)象語言。

要想知道這“語法甘露”為何物，就請(qǐng)君側(cè)耳細(xì)聽。

在理解這些語法甘露之前，我們需要重新再回顧一下JavaScript構(gòu)造對(duì)象的過程。

我們已經(jīng)知道，用?var?anObject?=?new?aFunction()?形式創(chuàng)建對(duì)象的過程實(shí)際上可以分為三步：第一步是建立一個(gè)新對(duì)象；第二步將該對(duì)象內(nèi)置的原型對(duì)象設(shè)置為構(gòu)造函數(shù)prototype引用的那個(gè)原型對(duì)象；第三步就是將該對(duì)象作為this參數(shù)調(diào)用構(gòu)造函數(shù)，完成成員設(shè)置等初始化工作。對(duì)象建立之后，對(duì)象上的任何訪問和操作都只與對(duì)象自身及其原型鏈上的那串對(duì)象有關(guān)，與構(gòu)造函數(shù)再扯不上關(guān)系了。換句話說，構(gòu)造函數(shù)只是在創(chuàng)建對(duì)象時(shí)起到介紹原型對(duì)象和初始化對(duì)象兩個(gè)作用。

那么，我們能否自己定義一個(gè)對(duì)象來當(dāng)作原型，并在這個(gè)原型上描述類，然后將這個(gè)原型設(shè)置給新創(chuàng)建的對(duì)象，將其當(dāng)作對(duì)象的類呢？我們又能否將這個(gè)原型中的一個(gè)方法當(dāng)作構(gòu)造函數(shù)，去初始化新建的對(duì)象呢？例如，我們定義這樣一個(gè)原型對(duì)象：

var?Person?=??//定義一個(gè)對(duì)象來作為原型類

{

Create:?function(name,?age)??//這個(gè)當(dāng)構(gòu)造函數(shù)

{

this.name?=?name;

this.age?=?age;

},

SayHello:?function()??//定義方法

{

alert("Hello,?I'm?"?+?this.name);

},

HowOld:?function()??//定義方法

{

alert(this.name?+?"?is?"?+?this.age?+?"?years?old.");

}

};????這個(gè)JSON形式的寫法多么象一個(gè)C#的類啊！既有構(gòu)造函數(shù)，又有各種方法。如果可以用某種形式來創(chuàng)建對(duì)象，并將對(duì)象的內(nèi)置的原型設(shè)置為上面這個(gè)“類”對(duì)象，不就相當(dāng)于創(chuàng)建該類的對(duì)象了嗎？

但遺憾的是，我們幾乎不能訪問到對(duì)象內(nèi)置的原型屬性！盡管有些瀏覽器可以訪問到對(duì)象的內(nèi)置原型，但這樣做的話就只能限定了用戶必須使用那種瀏覽器。這也幾乎不可行。

那么，我們可不可以通過一個(gè)函數(shù)對(duì)象來做媒介，利用該函數(shù)對(duì)象的prototype屬性來中轉(zhuǎn)這個(gè)原型，并用new操作符傳遞給新建的對(duì)象呢？

其實(shí)，象這樣的代碼就可以實(shí)現(xiàn)這一目標(biāo)：

function?anyfunc(){};???????????//定義一個(gè)函數(shù)軀殼

anyfunc.prototype?=?Person;?????//將原型對(duì)象放到中轉(zhuǎn)站prototype

var?BillGates?=?new?anyfunc();??//新建對(duì)象的內(nèi)置原型將是我們期望的原型對(duì)象

不過，這個(gè)anyfunc函數(shù)只是一個(gè)軀殼，在使用過這個(gè)軀殼之后它就成了多余的東西了，而且這和直接使用構(gòu)造函數(shù)來創(chuàng)建對(duì)象也沒啥不同，有點(diǎn)不爽。

可是，如果我們將這些代碼寫成一個(gè)通用函數(shù)，而那個(gè)函數(shù)軀殼也就成了函數(shù)內(nèi)的函數(shù)，這個(gè)內(nèi)部函數(shù)不就可以在外層函數(shù)退出作用域后自動(dòng)消亡嗎？而且，我們可以將原型對(duì)象作為通用函數(shù)的參數(shù)，讓通用函數(shù)返回創(chuàng)建的對(duì)象。我們需要的就是下面這個(gè)形式：

function?New(aClass,?aParams)????//通用創(chuàng)建函數(shù)

{

function?new_()?????//定義臨時(shí)的中轉(zhuǎn)函數(shù)殼

{

aClass.Create.apply(this,?aParams);???//調(diào)用原型中定義的的構(gòu)造函數(shù)，中轉(zhuǎn)構(gòu)造邏輯及構(gòu)造參數(shù)

};

new_.prototype?=?aClass;????//準(zhǔn)備中轉(zhuǎn)原型對(duì)象

return?new?new_();??????????//返回建立最終建立的對(duì)象

};

var?Person?=????????//定義的類

{

Create:?function(name,?age)

{

this.name?=?name;

this.age?=?age;

},

SayHello:?function()

{

alert("Hello,?I'm?"?+?this.name);

},

HowOld:?function()

{

alert(this.name?+?"?is?"?+?this.age?+?"?years?old.");

}

};

var?BillGates?=?New(Person,?["Bill?Gates",?53]);??//調(diào)用通用函數(shù)創(chuàng)建對(duì)象，并以數(shù)組形式傳遞構(gòu)造參數(shù)

BillGates.SayHello();

BillGates.HowOld();

alert(BillGates.constructor?==?Object);?????//輸出：true

這里的通用函數(shù)New()就是一個(gè)“語法甘露”！這個(gè)語法甘露不但中轉(zhuǎn)了原型對(duì)象，還中轉(zhuǎn)了構(gòu)造函數(shù)邏輯及構(gòu)造參數(shù)。

有趣的是，每次創(chuàng)建完對(duì)象退出New函數(shù)作用域時(shí)，臨時(shí)的new_函數(shù)對(duì)象會(huì)被自動(dòng)釋放。由于new_的prototype屬性被設(shè)置為新的原型對(duì)象，其原來的原型對(duì)象和new_之間就已解開了引用鏈，臨時(shí)函數(shù)及其原來的原型對(duì)象都會(huì)被正確回收了。上面代碼的最后一句證明，新創(chuàng)建的對(duì)象的constructor屬性返回的是Object函數(shù)。其實(shí)新建的對(duì)象自己及其原型里沒有constructor屬性，那返回的只是最頂層原型對(duì)象的構(gòu)造函數(shù)，即Object。

有了New這個(gè)語法甘露，類的定義就很像C#那些靜態(tài)對(duì)象語言的形式了，這樣的代碼顯得多么文靜而優(yōu)雅啊！

當(dāng)然，這個(gè)代碼僅僅展示了“語法甘露”的概念。我們還需要多一些的語法甘露，才能實(shí)現(xiàn)用簡潔而優(yōu)雅的代碼書寫類層次及其繼承關(guān)系。好了，我們?cè)賮砜匆粋€(gè)更豐富的示例吧：

//語法甘露：

var?object?=????//定義小寫的object基本類，用于實(shí)現(xiàn)最基礎(chǔ)的方法等

{

isA:?function(aType)???//一個(gè)判斷類與類之間以及對(duì)象與類之間關(guān)系的基礎(chǔ)方法

{

var?self?=?this;

while(self)

{

if?(self?==?aType)

return?true;

self?=?self.Type;

};

return?false;

}

};

function?Class(aBaseClass,?aClassDefine)????//創(chuàng)建類的函數(shù)，用于聲明類及繼承關(guān)系

{

function?class_()???//創(chuàng)建類的臨時(shí)函數(shù)殼

{

this.Type?=?aBaseClass;????//我們給每一個(gè)類約定一個(gè)Type屬性，引用其繼承的類

for(var?member?in?aClassDefine)

this[member]?=?aClassDefine[member];????//復(fù)制類的全部定義到當(dāng)前創(chuàng)建的類

};

class_.prototype?=?aBaseClass;

return?new?class_();

};

function?New(aClass,?aParams)???//創(chuàng)建對(duì)象的函數(shù)，用于任意類的對(duì)象創(chuàng)建

{

function?new_()?????//創(chuàng)建對(duì)象的臨時(shí)函數(shù)殼

{

this.Type?=?aClass;????//我們也給每一個(gè)對(duì)象約定一個(gè)Type屬性，據(jù)此可以訪問到對(duì)象所屬的類

if?(aClass.Create)

aClass.Create.apply(this,?aParams);???//我們約定所有類的構(gòu)造函數(shù)都叫Create，這和DELPHI比較相似

};

new_.prototype?=?aClass;

return?new?new_();

};

//語法甘露的應(yīng)用效果：

var?Person?=?Class(object,??????//派生至object基本類

{

Create:?function(name,?age)

{

this.name?=?name;

this.age?=?age;

},

SayHello:?function()

{

alert("Hello,?I'm?"?+?this.name?+?",?"?+?this.age?+?"?years?old.");

}

});

var?Employee?=?Class(Person,????//派生至Person類，是不是和一般對(duì)象語言很相似？

{

Create:?function(name,?age,?salary)

{

Person.Create.call(this,?name,?age);??//調(diào)用基類的構(gòu)造函數(shù)

this.salary?=?salary;

},

ShowMeTheMoney:?function()

{

alert(this.name?+?"?$"?+?this.salary);

}

});

var?BillGates?=?New(Person,?["Bill?Gates",?53]);

var?SteveJobs?=?New(Employee,?["Steve?Jobs",?53,?1234]);

BillGates.SayHello();

SteveJobs.SayHello();

SteveJobs.ShowMeTheMoney();

var?LittleBill?=?New(BillGates.Type,?["Little?Bill",?6]);???//根據(jù)BillGate的類型創(chuàng)建LittleBill

LittleBill.SayHello();

alert(BillGates.isA(Person));???????//true

alert(BillGates.isA(Employee));?????//false

alert(SteveJobs.isA(Person));???????//true

alert(Person.isA(Employee));????????//false

alert(Employee.isA(Person));????????//true

“語法甘露”不用太多，只要那么一點(diǎn)點(diǎn)，就能改觀整個(gè)代碼的易讀性和流暢性，從而讓代碼顯得更優(yōu)雅。有了這些語法甘露，JavaScript就很像一般對(duì)象語言了，寫起代碼了感覺也就爽多了！

令人高興的是，受這些甘露滋養(yǎng)的JavaScript程序效率會(huì)更高。因?yàn)槠湓蛯?duì)象里既沒有了毫無用處的那些對(duì)象級(jí)的成員，而且還不存在constructor屬性體，少了與構(gòu)造函數(shù)間的牽連，但依舊保持了方法的共享性。這讓JavaScript在追溯原型鏈和搜索屬性及方法時(shí)，少費(fèi)許多工夫啊。

我們就把這種形式稱為“甘露模型”吧！其實(shí)，這種“甘露模型”的原型用法才是符合prototype概念的本意，才是的JavaScript原型的真諦！

想必微軟那些設(shè)計(jì)AJAX架構(gòu)的工程師看到這個(gè)甘露模型時(shí)，肯定后悔沒有早點(diǎn)把AJAX部門從美國搬到咱中國的觀音廟來，錯(cuò)過了觀音菩薩的點(diǎn)化。當(dāng)然，我們也只能是在代碼的示例中，把Bill?Gates當(dāng)作對(duì)象玩玩，真要讓他放棄上帝轉(zhuǎn)而皈依我佛肯定是不容易的，機(jī)緣未到啊！如果哪天你在微軟新出的AJAX類庫中看到這種甘露模型，那才是真正的緣分！

編程的快樂

在軟件工業(yè)迅猛發(fā)展的今天，各式各樣的編程語言層出不窮，新語言的誕生，舊語言的演化，似乎已經(jīng)讓我們眼花繚亂。為了適應(yīng)面向?qū)ο缶幊痰某绷?#xff0c;JavaScript語言也在向完全面向?qū)ο蟮姆较虬l(fā)展，新的JavaScript標(biāo)準(zhǔn)已經(jīng)從語義上擴(kuò)展了許多面向?qū)ο蟮男略亍Ｅc此相反的是，許多靜態(tài)的對(duì)象語言也在向JavaScript的那種簡潔而幽雅的方向發(fā)展。例如，新版本的C#語言就吸收了JSON那樣的簡潔表示法，以及一些其他形式的JavaScript特性。

我們應(yīng)該看到，隨著RIA(強(qiáng)互聯(lián)應(yīng)用)的發(fā)展和普及，AJAX技術(shù)也將逐漸淡出江湖，JavaScript也將最終消失或演化成其他形式的語言。但不管編程語言如何發(fā)展和演化，編程世界永遠(yuǎn)都會(huì)在“數(shù)據(jù)”與“代碼”這千絲萬縷的糾纏中保持著無限的生機(jī)。只要我們能看透這一點(diǎn)，我們就能很容易地學(xué)習(xí)和理解軟件世界的各種新事物。不管是已熟悉的過程式編程，還是正在發(fā)展的函數(shù)式編程，以及未來量子糾纏態(tài)的大規(guī)模并行式編程，我們都有足夠的法力來化解一切復(fù)雜的難題。

佛最后淡淡地說：只要我們放下那些表面的“類”，放下那些對(duì)象的“自我”，就能達(dá)到一種“對(duì)象本無根，類型亦無形”的境界，從而將自我融入到整個(gè)宇宙的生命輪循環(huán)中。我們將沒有自我，也沒有自私的欲望，你就是我，我就是你，你中有我，我中有你。這時(shí)，我們?cè)倏催@生機(jī)勃勃的編程世界時(shí)，我們的內(nèi)心將自然生起無限的慈愛之心，這種慈愛之心不是虛偽而是真誠的。關(guān)愛他人就是關(guān)愛自己，就是關(guān)愛這世界中的一切。那么，我們的心是永遠(yuǎn)快樂的，我們的程序是永遠(yuǎn)快樂的，我們的類是永遠(yuǎn)快樂的，我們的對(duì)象也是永遠(yuǎn)快樂的。這就是編程的極樂！

說到這里，在座的比丘都猶如醍醐灌頂，心中豁然開朗。看看左邊這位早已喜不自禁，再看看右邊那位也是心花怒放。

驀然回首時(shí)，唯見君拈花微笑...

原著：李戰(zhàn)(leadzen).深圳?2008-2-23

打包文件下載

總結(jié)

以上是生活随笔為你收集整理的javascript 真经_悟透JavaScript整理版的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。