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

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

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

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

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

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

回歸簡單

    要理解JavaScript，你得首先放下對象和類的概念，回到數(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ū)分大小寫的呀!

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

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

    undefined:   代表一切未知的事物，啥都沒有，無法想象，代碼也就更無法去處理了。
                      注意：typeof(undefined) 返回也是 undefined。
                              可以將undefined賦值給任何變量或?qū)傩?，但并不意味了清除了該變量，反而會因此多了一個屬性。

    null:            有那么一個概念，但沒有東西。無中似有，有中還無。雖難以想象，但已經(jīng)可以用代碼來處理了。
                      注意：typeof(null)返回object，但null并非object，具有null值的變量也并非object。

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

    number:      線性的事物，大小和次序分明，多而不亂。便于代碼進(jìn)行批量處理，也控制代碼的迭代和循環(huán)等。
                      注意：typeof(NaN)和typeof(Infinity)都返回number 。
                              NaN參與任何數(shù)值計算的結(jié)構(gòu)都是NaN，而且 NaN != NaN 。
                              Infinity / Infinity = NaN 。

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

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

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

沒有類

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

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

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

    這樣，我們先來看一段JavaScript程序： 
    
這段JavaScript程序一開始產(chǎn)生了一個生命對象life，life誕生時只是一個光溜溜的對象，沒有任何屬性和方法。在第一次生命過程中，它有了一個身體屬性body，并有了一個say方法，看起來是一個“卵細(xì)胞”。在第二次生命過程中，它又長出了“尾巴”和“腮”，有了tail和gill屬性，顯然它是一個“蝌蚪”。在第三次生命過程中，它的tail和gill屬性消失了，但又長出了“四條腿”和“肺”，有了legs和lung屬性，從而最終變成了“青蛙”。如果，你的想像力豐富的話，或許還能讓它變成英俊的“王子”，娶個美麗的“公主”什么的。不過，在看完這段程序之后，請你思考一個問題：

    我們一定需要類嗎？

    還記得兒時那個“小蝌蚪找媽媽”的童話嗎？也許就在昨天晚，你的孩子剛好是在這個美麗的童話中進(jìn)入夢鄉(xiāng)的吧?？蓯鄣男◎蝌揭簿褪窃谄渥陨眍愋筒粩嘌莼^程中，逐漸變成了和媽媽一樣的“類”，從而找到了自己的媽媽。這個童話故事中蘊(yùn)含的編程哲理就是：對象的“類”是從無到有，又不斷演化，最終又消失于無形之中的...

    “類”，的確可以幫助我們理解復(fù)雜的現(xiàn)實世界，這紛亂的現(xiàn)實世界也的確需要進(jìn)行分類。但如果我們的思想被“類”束縛住了，“類”也就變成了“累”。想象一下，如果一個生命對象開始的時就被規(guī)定了固定的“類”，那么它還能演化嗎？蝌蚪還能變成青蛙嗎？還可以給孩子們講小蝌蚪找媽媽的故事嗎？

    所以，JavaScript中沒有“類”，類已化于無形，與對象融為一體。正是由于放下了“類”這個概念，JavaScript的對象才有了其他編程語言所沒有的活力。

    如果，此時你的內(nèi)心深處開始有所感悟，那么你已經(jīng)逐漸開始理解JavaScript的禪機(jī)了。

函數(shù)的魔力

    接下來，我們再討論一下JavaScript函數(shù)的魔力吧。

    JavaScript的代碼就只有function一種形式，function就是函數(shù)的類型。也許其他編程語言還有procedure或 method等代碼概念，但在JavaScript里只有function一種形式。當(dāng)我們寫下一個函數(shù)的時候，只不過是建立了一個function類型的實體而已。請看下面的程序： 

  這個代碼運(yùn)行之后可以看到typeof(myfunc)返回的是function。以上的函數(shù)寫法我們稱之為“定義式”的，如果我們將其改寫成下面的“變量式”的，就更容易理解了： 

    這里明確定義了一個變量myfunc，它的初始值被賦予了一個function的實體。因此，typeof(myfunc)返回的也是function。其實，這兩種函數(shù)的寫法是等價的，除了一點細(xì)微差別，其內(nèi)部實現(xiàn)完全相同。也就是說，我們寫的這些JavaScript函數(shù)只是一個命了名的變量而已，其變量類型即為function，變量的值就是我們編寫的函數(shù)代碼體。

    聰明的你或許立即會進(jìn)一步的追問：既然函數(shù)只是變量，那么變量就可以被隨意賦值并用到任意地方啰？

    我們來看看下面的代碼： 

    這個程序運(yùn)行的結(jié)果告訴我們：答案是肯定的！在第一次調(diào)用函數(shù)之后，函數(shù)變量又被賦予了新的函數(shù)代碼體，使得第二次調(diào)用該函數(shù)時，出現(xiàn)了不同的輸出。

    好了，我們又來把上面的代碼改成第一種定義式的函數(shù)形式： 

    按理說，兩個簽名完全相同的函數(shù)，在其他編程語言中應(yīng)該是非法的。但在JavaScript中，這沒錯。不過，程序運(yùn)行之后卻發(fā)現(xiàn)一個奇怪的現(xiàn)象：兩次調(diào)用都只是最后那個函數(shù)里輸出的值！顯然第一個函數(shù)沒有起到任何作用。這又是為什么呢？

    原來，JavaScript執(zhí)行引擎并非一行一行地分析和執(zhí)行程序，而是一段一段地分析執(zhí)行的。而且，在同一段程序的分析執(zhí)行中，定義式的函數(shù)語句會被提取出來優(yōu)先執(zhí)行。函數(shù)定義執(zhí)行完之后，才會按順序執(zhí)行其他語句代碼。也就是說，在第一次調(diào)用myfunc之前，第一個函數(shù)語句定義的代碼邏輯，已被第二個函數(shù)定義語句覆蓋了。所以，兩次都調(diào)用都是執(zhí)行最后一個函數(shù)邏輯了。

    如果把這個JavaScript代碼分成兩段，例如將它們寫在一個html中，并用<script/>標(biāo)簽將其分成這樣的兩塊： 

    這時，輸出才是各自按順序來的，也證明了JavaScript的確是一段段地執(zhí)行的。

    一段代碼中的定義式函數(shù)語句會優(yōu)先執(zhí)行，這似乎有點象靜態(tài)語言的編譯概念。所以，這一特征也被有些人稱為：JavaScript的“預(yù)編譯”。

    大多數(shù)情況下，我們也沒有必要去糾纏這些細(xì)節(jié)問題。只要你記住一點：JavaScript里的代碼也是一種數(shù)據(jù)，同樣可以被任意賦值和修改的，而它的值就是代碼的邏輯。只是，與一般數(shù)據(jù)不同的是，函數(shù)是可以被調(diào)用執(zhí)行的。

    不過，如果JavaScript函數(shù)僅僅只有這點道行的話，這與C++的函數(shù)指針，DELPHI的方法指針，C#的委托相比，又有啥稀奇嘛！然而，JavaScript函數(shù)的神奇之處還體現(xiàn)在另外兩個方面：一是函數(shù)function類型本身也具有對象化的能力，二是函數(shù)function與對象 object超然的結(jié)合能力。

奇妙的對象

    先來說說函數(shù)的對象化能力。

    任何一個函數(shù)都可以為其動態(tài)地添加或去除屬性，這些屬性可以是簡單類型，可以是對象，也可以是其他函數(shù)。也就是說，函數(shù)具有對象的全部特征，你完全可以把函數(shù)當(dāng)對象來用。其實，函數(shù)就是對象，只不過比一般的對象多了一個括號“()”操作符，這個操作符用來執(zhí)行函數(shù)的邏輯。即，函數(shù)本身還可以被調(diào)用，一般對象卻不可以被調(diào)用，除此之外完全相同。請看下面的代碼： 

    在這段代碼中，Sing函數(shù)被定義后，又給Sing函數(shù)動態(tài)地增加了author和poem屬性。將author和poem屬性設(shè)為不同的作者和詩句，在調(diào)用Sing()時就能顯示出不同的結(jié)果。這個示例用一種詩情畫意的方式，讓我們理解了JavaScript函數(shù)就是對象的本質(zhì)，也感受到了JavaScript語言的優(yōu)美。

    好了，以上的講述，我們應(yīng)該算理解了function類型的東西都是和object類型一樣的東西，這種東西被我們稱為“對象”。我們的確可以這樣去看待這些“對象”，因為它們既有“屬性”也有“方法”嘛。但下面的代碼又會讓我們產(chǎn)生新的疑惑： 

    是的，對象和函數(shù)可以象數(shù)組一樣，用屬性名或方法名作為下標(biāo)來訪問并處理。那么，它到底應(yīng)該算是數(shù)組呢，還是算對象？

    我們知道，數(shù)組應(yīng)該算是線性數(shù)據(jù)結(jié)構(gòu)，線性數(shù)據(jù)結(jié)構(gòu)一般有一定的規(guī)律，適合進(jìn)行統(tǒng)一的批量迭代操作等，有點像波。而對象是離散數(shù)據(jù)結(jié)構(gòu)，適合描述分散的和個性化的東西，有點像粒子。因此，我們也可以這樣問：JavaScript里的對象到底是波還是粒子？

    如果存在對象量子論，那么答案一定是：波粒二象性！

    因此，JavaScript里的函數(shù)和對象既有對象的特征也有數(shù)組的特征。這里的數(shù)組被稱為“字典”，一種可以任意伸縮的名稱值對兒的集合。其實， object和function的內(nèi)部實現(xiàn)就是一個字典結(jié)構(gòu)，但這種字典結(jié)構(gòu)卻通過嚴(yán)謹(jǐn)而精巧的語法表現(xiàn)出了豐富的外觀。正如量子力學(xué)在一些地方用粒子來解釋和處理問題，而在另一些地方卻用波來解釋和處理問題。你也可以在需要的時候，自由選擇用對象還是數(shù)組來解釋和處理問題。只要善于把握J(rèn)avaScript的這些奇妙特性，就可以編寫出很多簡潔而強(qiáng)大的代碼來。

放下對象

    我們再來看看function與object的超然結(jié)合吧。

    在面向?qū)ο蟮木幊淌澜缋?，?shù)據(jù)與代碼的有機(jī)結(jié)合就構(gòu)成了對象的概念。自從有了對象，編程世界就被劃分成兩部分，一個是對象內(nèi)的世界，一個是對象外的世界。對象天生具有自私的一面，外面的世界未經(jīng)允許是不可訪問對象內(nèi)部的。對象也有大方的一面，它對外提供屬性和方法，也為他人服務(wù)。不過，在這里我們要談到一個有趣的問題，就是“對象的自我意識”。

    什么？沒聽錯吧？對象有自我意識？

    可能對許多程序員來說，這的確是第一次聽說。不過，請君看看C++、C#和Java的this，DELPHI的self，還有VB的me，或許你會恍然大悟！當(dāng)然，也可能只是說句“不過如此”而已。

    然而，就在對象將世界劃分為內(nèi)外兩部分的同時，對象的“自我”也就隨之產(chǎn)生?！白晕乙庾R”是生命的最基本特征！正是由于對象這種強(qiáng)大的生命力，才使得編程世界充滿無限的生機(jī)和活力。

    但對象的“自我意識”在帶給我們快樂的同時也帶來了痛苦和煩惱。我們給對象賦予了太多欲望，總希望它們能做更多的事情。然而，對象的自私使得它們互相爭搶系統(tǒng)資源，對象的自負(fù)讓對象變得復(fù)雜和臃腫，對象的自欺也往往帶來揮之不去的錯誤和異常。我們?yōu)槭裁磿羞@么多的痛苦和煩惱呢？

    為此，有一個人，在對象樹下，整整想了九九八十一天，終于悟出了生命的痛苦來自于欲望，但究其欲望的根源是來自于自我意識。于是他放下了“自我”，在對象樹下成了佛，從此他開始普度眾生，傳播真經(jīng)。他的名字就叫釋迦摩尼，而《JavaScript真經(jīng)》正是他所傳經(jīng)書中的一本。

    JavaScript中也有this，但這個this卻與C++、C#或Java等語言的this不同。一般編程語言的this就是對象自己，而 JavaScript的this卻并不一定！this可能是我，也可能是你，可能是他，反正是我中有你，你中有我，這就不能用原來的那個“自我”來理解 JavaScript這個this的含義了。為此，我們必須首先放下原來對象的那個“自我”。

    我們來看下面的代碼：

    從上面的代碼可以看出，同一個函數(shù)可以從不同的角度來調(diào)用，this并不一定是函數(shù)本身所屬的對象。this只是在任意對象和function元素結(jié)合時的一個概念，是種結(jié)合比起一般對象語言的默認(rèn)結(jié)合更加靈活，顯得更加超然和灑脫。

    在JavaScript函數(shù)中，你只能把this看成當(dāng)前要服務(wù)的“這個”對象。this是一個特殊的內(nèi)置參數(shù)，根據(jù)this參數(shù)，您可以訪問到“這個”對象的屬性和方法，但卻不能給this參數(shù)賦值。在一般對象語言中，方法體代碼中的this可以省略的，成員默認(rèn)都首先是“自己”的。但JavaScript卻不同，由于不存在“自我”，當(dāng)訪問“這個”對象時，this不可省略！

    JavaScript提供了傳遞this參數(shù)的多種形式和手段，其中，象BillGates.WhoAmI()和SteveJobs.WhoAmI()這種形式，是傳遞this參數(shù)最正規(guī)的形式，此時的this就是函數(shù)所屬的對象本身。而大多數(shù)情況下，我們也幾乎很少去采用那些借花仙佛的調(diào)用形式。但只我們要明白JavaScript的這個“自我”與其他編程語言的“自我”是不同的，這是一個放下了的“自我”，這就是JavaScript特有的世界觀。

對象素描

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

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

    JSON為創(chuàng)建對象提供了非常簡單的方法。例如，
    創(chuàng)建一個沒有任何屬性的對象：
var o = {};
    創(chuàng)建一個對象并設(shè)置屬性及初始值：
var person = {name: "Angel", age: 18, married: false};
    創(chuàng)建一個對象并設(shè)置屬性和方法：
var speaker = {text: "Hello World", say: function(){alert(this.text)}};
     創(chuàng)建一個更復(fù)雜的對象，嵌套其他對象和對象數(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的形式就是用大括“{}”號包括起來的項目列表，每一個項目間并用逗號“,”分隔，而項目就是用冒號“:”分隔的屬性名和屬性值。這是典型的字典表示形式，也再次表明了 JavaScript里的對象就是字典結(jié)構(gòu)。不管多么復(fù)雜的對象，都可以被一句JSON代碼來創(chuàng)建并賦值。

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

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

構(gòu)造對象

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

    除JSON外，在JavaScript中我們可以使用new操作符結(jié)合一個函數(shù)的形式來創(chuàng)建對象。例如：
    function MyFunc() {};         //定義一個空函數(shù)
    var anObj = new MyFunc();  //使用new操作符，借助MyFun函數(shù)，就創(chuàng)建了一個對象
    JavaScript的這種創(chuàng)建對象的方式可真有意思，如何去理解這種寫法呢？

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

    君看到此處也許會想，我們?yōu)槭裁床豢梢园堰@個MyFunc當(dāng)作構(gòu)造函數(shù)呢？恭喜你，答對了！JavaScript也是這么想的！請看下面的代碼：  
 
    這段代碼表明，函數(shù)不但可以當(dāng)作構(gòu)造函數(shù)，而且還可以帶參數(shù)，還可以為對象添加成員和方法。其中的第9行，Employee構(gòu)造函數(shù)又將自己接收的this作為參數(shù)調(diào)用Person構(gòu)造函數(shù)，這就是相當(dāng)于調(diào)用基類的構(gòu)造函數(shù)。第21、22行還表明這樣一個意思：BillGates是由Person構(gòu)造的，而SteveJobs是由Employee構(gòu)造的。對象內(nèi)置的constructor屬性還指明了構(gòu)造對象所用的具體函數(shù)！

    其實，如果你愿意把函數(shù)當(dāng)作“類”的話，她就是“類”，因為她本來就有“類”的那些特征。難道不是嗎？她生出的兒子各個都有相同的特征，而且構(gòu)造函數(shù)也與類同名嘛！

最新評論