空間站

          北極心空

            BlogJava :: 首頁(yè) :: 聯(lián)系 :: 聚合  :: 管理
            15 Posts :: 393 Stories :: 160 Comments :: 0 Trackbacks

          原著:李戰(zhàn)(leadzen).深圳 2008-2-23
          【轉(zhuǎn)載請(qǐng)注明作者及出處】

          引子

              編程世界里只存在兩種基本元素,一個(gè)是數(shù)據(jù),一個(gè)是代碼。編程世界就是在數(shù)據(jù)和代碼千絲萬(wàn)縷的糾纏中呈現(xiàn)出無(wú)限的生機(jī)和活力。

              數(shù)據(jù)天生就是文靜的,總想保持自己固有的本色;而代碼卻天生活潑,總想改變這個(gè)世界。
           
             你看,數(shù)據(jù)代碼間的關(guān)系與物質(zhì)能量間的關(guān)系有著驚人的相似。數(shù)據(jù)也是有慣性的,如果沒(méi)有代碼來(lái)施加外力,她總保持自己原來(lái)的狀態(tài)。而代碼就象能量,他存在的唯一目的,就是要努力改變數(shù)據(jù)原來(lái)的狀態(tài)。在代碼改變數(shù)據(jù)的同時(shí),也會(huì)因?yàn)閿?shù)據(jù)的抗拒而反過(guò)來(lái)影響或改變代碼原有的趨勢(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ī)律正是我們編寫的程序邏輯。

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

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

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

          回歸簡(jiǎn)單

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

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

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

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

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

              先說(shuō)說(shuō)簡(jiǎn)單數(shù)據(jù)類型吧。

              undefined:   代表一切未知的事物,啥都沒(méi)有,無(wú)法想象,代碼也就更無(wú)法去處理了。
                                注意:typeof(undefined) 返回也是 undefined。
                                        可以將undefined賦值給任何變量或?qū)傩裕⒉灰馕读饲宄嗽撟兞浚炊鴷?huì)因此多了一個(gè)屬性。

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

              boolean:      是就是,非就非,沒(méi)有疑義。對(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ù)此理解人的意圖等等,都靠它了。

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

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

          沒(méi)有類

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

              但JavaScript卻沒(méi)有 “類”的概念!

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

              這樣,我們先來(lái)看一段JavaScript程序:

              var life = {};
              
          for(life.age = 1; life.age <= 3; life.age++)
              {
                  
          switch(life.age)
                  {
                      
          case 1: life.body = "卵細(xì)胞";
                              life.say 
          = function(){alert(this.age+this.body)};
                              
          break;
                      
          case 2: life.tail = "尾巴";
                              life.gill 
          = "";
                              life.body 
          = "蝌蚪";
                              life.say 
          = function(){alert(this.age+this.body+"-"+this.tail+","+this.gill)};
                              
          break;
                      
          case 3delete life.tail;
                              
          delete life.gill;
                              life.legs 
          = "四條腿";
                              life.lung 
          = "";
                              life.body 
          = "青蛙";
                              life.say 
          = function(){alert(this.age+this.body+"-"+this.legs+","+this.lung)};
                              
          break;
                  };
                  life.say();
              };


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

              我們一定需要類嗎?

              還記得兒時(shí)那個(gè)“小蝌蚪找媽媽”的童話嗎?也許就在昨天晚,你的孩子剛好是在這個(gè)美麗的童話中進(jìn)入夢(mèng)鄉(xiāng)的吧。可愛的小蝌蚪也就是在其自身類型不斷演化過(guò)程中,逐漸變成了和媽媽一樣的“類”,從而找到了自己的媽媽。這個(gè)童話故事中蘊(yùn)含的編程哲理就是:對(duì)象的“類”是從無(wú)到有,又不斷演化,最終又消失于無(wú)形之中的...

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

              所以,JavaScript中沒(méi)有“類”,類已化于無(wú)形,與對(duì)象融為一體。正是由于放下了“類”這個(gè)概念,JavaScript的對(duì)象才有了其他編程語(yǔ)言所沒(méi)有的活力。

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

          函數(shù)的魔力

              接下來(lái),我們?cè)儆懻撘幌翵avaScript函數(shù)的魔力吧。

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

              function myfunc()
              {
                  alert(
          "hello");
              };
              
              alert(
          typeof(myfunc));


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

              var myfunc = function ()
                  {
                      alert(
          "hello");
                  };
              
              alert(
          typeof(myfunc));


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

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

              我們來(lái)看看下面的代碼:

              var myfunc = function ()
                  {
                      alert(
          "hello");
                  };
              myfunc(); 
          //第一次調(diào)用myfunc,輸出hello
              
              myfunc 
          = function ()
                  {
                      alert(
          "yeah");
                  };    
              myfunc(); 
          //第二次調(diào)用myfunc,將輸出yeah


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

              好了,我們又來(lái)把上面的代碼改成第一種定義式的函數(shù)形式:

              function myfunc ()
              {
                  alert(
          "hello");
              };
              myfunc(); 
          //這里調(diào)用myfunc,輸出yeah而不是hello
              
              
          function myfunc ()
              {
                  alert(
          "yeah");
              };    
              myfunc(); 
          //這里調(diào)用myfunc,當(dāng)然輸出yeah


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

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

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

          <script>
              
          function myfunc ()
              {
                  alert(
          "hello");
              };
              myfunc(); 
          //這里調(diào)用myfunc,輸出hello
          </script>

          <script>
              
          function myfunc ()
              {
                  alert(
          "yeah");
              };    
              myfunc(); 
          //這里調(diào)用myfunc,輸出yeah
          </script>


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

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

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

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

          奇妙的對(duì)象

              先來(lái)說(shuō)說(shuō)函數(shù)的對(duì)象化能力。

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

              function Sing()
              {
                  
          with(arguments.callee)
                    alert(author 
          + "" + poem);
              };
              Sing.author 
          = "李白";
              Sing.poem 
          = "漢家秦地月,流影照明妃。一上玉關(guān)道,天涯去不歸";
              Sing();
              Sing.author 
          = "李戰(zhàn)";
              Sing.poem 
          = "日出漢家天,月落陰山前。女兒琵琶怨,已唱三千年";
              Sing();


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

              好了,以上的講述,我們應(yīng)該算理解了function類型的東西都是和object類型一樣的東西,這種東西被我們稱為“對(duì)象”。我們的確可以這樣去看待這些“對(duì)象”,因?yàn)樗鼈兗扔?#8220;屬性”也有“方法”嘛。但下面的代碼又會(huì)讓我們產(chǎn)生新的疑惑:

              var anObject = {};  //一個(gè)對(duì)象
              anObject.aProperty = "Property of object";  //對(duì)象的一個(gè)屬性
              anObject.aMethod = function(){alert("Method of object")}; //對(duì)象的一個(gè)方法
              //主要看下面:
              alert(anObject["aProperty"]);   //可以將對(duì)象當(dāng)數(shù)組以屬性名作為下標(biāo)來(lái)訪問(wèn)屬性
              anObject["aMethod"]();          //可以將對(duì)象當(dāng)數(shù)組以方法名作為下標(biāo)來(lái)調(diào)用方法
              forvar s in anObject)           //遍歷對(duì)象的所有屬性和方法進(jìn)行迭代化處理
                  alert(s + " is a " + typeof(anObject[s]));


              同樣對(duì)于function類型的對(duì)象也是一樣:

              var aFunction = function() {};  //一個(gè)函數(shù)
              aFunction.aProperty = "Property of function";  //函數(shù)的一個(gè)屬性
              aFunction.aMethod = function(){alert("Method of function")}; //函數(shù)的一個(gè)方法
              //主要看下面:
              alert(aFunction["aProperty"]);   //可以將函數(shù)當(dāng)數(shù)組以屬性名作為下標(biāo)來(lái)訪問(wèn)屬性
              aFunction["aMethod"]();          //可以將函數(shù)當(dāng)數(shù)組以方法名作為下標(biāo)來(lái)調(diào)用方法
              forvar s in aFunction)           //遍歷函數(shù)的所有屬性和方法進(jìn)行迭代化處理
                  alert(s + " is a " + typeof(aFunction[s]));


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

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

              如果存在對(duì)象量子論,那么答案一定是:波粒二象性!

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

          放下對(duì)象

              我們?cè)賮?lái)看看function與object的超然結(jié)合吧。

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

              什么?沒(méi)聽錯(cuò)吧?對(duì)象有自我意識(shí)?

              可能對(duì)許多程序員來(lái)說(shuō),這的確是第一次聽說(shuō)。不過(guò),請(qǐng)君看看C++、C#和Java的this,DELPHI的self,還有VB的me,或許你會(huì)恍然大悟!當(dāng)然,也可能只是說(shuō)句“不過(guò)如此”而已。

              然而,就在對(duì)象將世界劃分為內(nèi)外兩部分的同時(shí),對(duì)象的“自我”也就隨之產(chǎn)生。“自我意識(shí)”是生命的最基本特征!正是由于對(duì)象這種強(qiáng)大的生命力,才使得編程世界充滿無(wú)限的生機(jī)和活力。

              但對(duì)象的“自我意識(shí)”在帶給我們快樂(lè)的同時(shí)也帶來(lái)了痛苦和煩惱。我們給對(duì)象賦予了太多欲望,總希望它們能做更多的事情。然而,對(duì)象的自私使得它們互相爭(zhēng)搶系統(tǒng)資源,對(duì)象的自負(fù)讓對(duì)象變得復(fù)雜和臃腫,對(duì)象的自欺也往往帶來(lái)?yè)]之不去的錯(cuò)誤和異常。我們?yōu)槭裁磿?huì)有這么多的痛苦和煩惱呢?
           
              為此,有一個(gè)人,在對(duì)象樹下,整整想了九九八十一天,終于悟出了生命的痛苦來(lái)自于欲望,但究其欲望的根源是來(lái)自于自我意識(shí)。于是他放下了“自我”,在對(duì)象樹下成了佛,從此他開始普度眾生,傳播真經(jīng)。他的名字就叫釋迦摩尼,而《JavaScript真經(jīng)》正是他所傳經(jīng)書中的一本。

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

              我們來(lái)看下面的代碼:

              function WhoAmI()       //定義一個(gè)函數(shù)WhoAmI
              {
                  alert(
          "I'm " + this.name + " of " + typeof(this));
              };
              
              WhoAmI();   
          //此時(shí)是this當(dāng)前這段代碼的全局對(duì)象,在瀏覽器中就是window對(duì)象,其name屬性為空字符串。輸出:I'm of object

              
          var BillGates = {name: "Bill Gates"};
              BillGates.WhoAmI 
          = WhoAmI;  //將函數(shù)WhoAmI作為BillGates的方法。
              BillGates.WhoAmI();         //此時(shí)的this是BillGates。輸出:I'm Bill Gates of object
              
              
          var SteveJobs = {name: "Steve Jobs"};
              SteveJobs.WhoAmI 
          = WhoAmI;  //將函數(shù)WhoAmI作為SteveJobs的方法。
              SteveJobs.WhoAmI();         //此時(shí)的this是SteveJobs。輸出:I'm Steve Jobs of object

              WhoAmI.call(BillGates);     
          //直接將BillGates作為this,調(diào)用WhoAmI。輸出:I'm Bill Gates of object
              WhoAmI.call(SteveJobs);     //直接將SteveJobs作為this,調(diào)用WhoAmI。輸出:I'm Steve Jobs of object
              
              BillGates.WhoAmI.call(SteveJobs);   
          //將SteveJobs作為this,卻調(diào)用BillGates的WhoAmI方法。輸出:I'm Steve Jobs of object
              SteveJobs.WhoAmI.call(BillGates);   //將BillGates作為this,卻調(diào)用SteveJobs的WhoAmI方法。輸出:I'm Bill Gates of object

              WhoAmI.WhoAmI 
          = WhoAmI;     //將WhoAmI函數(shù)設(shè)置為自身的方法。
              WhoAmI.name = "WhoAmI";
              WhoAmI.WhoAmI();            
          //此時(shí)的this是WhoAmI函數(shù)自己。輸出:I'm WhoAmI of function
                  
              ({name: 
          "nobody", WhoAmI: WhoAmI}).WhoAmI();    //臨時(shí)創(chuàng)建一個(gè)匿名對(duì)象并設(shè)置屬性后調(diào)用WhoAmI方法。輸出:I'm nobody of object


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

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

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

          對(duì)象素描

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

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

              JSON為創(chuàng)建對(duì)象提供了非常簡(jiǎn)單的方法。例如,
              創(chuàng)建一個(gè)沒(méi)有任何屬性的對(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)包括起來(lái)的項(xiàng)目列表,每一個(gè)項(xiàng)目間并用逗號(hào)“,”分隔,而項(xiàng)目就是用冒號(hào)“:”分隔的屬性名和屬性值。這是典型的字典表示形式,也再次表明了 JavaScript里的對(duì)象就是字典結(jié)構(gòu)。不管多么復(fù)雜的對(duì)象,都可以被一句JSON代碼來(lái)創(chuàng)建并賦值。

              其實(shí),JSON就是JavaScript對(duì)象最好的序列化形式,它比XML更簡(jiǎn)潔也更省空間。對(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的這種簡(jiǎn)單樸素的天生麗質(zhì),才使得她在AJAX舞臺(tái)上成為璀璨奪目的明星。

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

          構(gòu)造對(duì)象
           
              好了,接下我們來(lái)討論一下對(duì)象的另一種創(chuàng)建方法。

              除JSON外,在JavaScript中我們可以使用new操作符結(jié)合一個(gè)函數(shù)的形式來(lái)創(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ì)象的嗎?原來(lái),條條大路通靈山,殊途同歸啊!

              君看到此處也許會(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
          posted on 2008-06-16 14:38 蘆葦 閱讀(253) 評(píng)論(0)  編輯  收藏 所屬分類: HTML & Script
          主站蜘蛛池模板: 德钦县| 公主岭市| 米林县| 广东省| 时尚| 西宁市| 常宁市| 宝应县| 临安市| 黔江区| 文山县| 千阳县| 乌恰县| 岚皋县| 祁连县| 广南县| 信阳市| 会昌县| 台州市| 嫩江县| 宜丰县| 神池县| 怀来县| 彭阳县| 三台县| 滁州市| 丰台区| 邵阳市| 鄂托克前旗| 馆陶县| 信宜市| 永修县| 岑巩县| 杭锦旗| 松潘县| 琼中| 蕲春县| 渭南市| 清涧县| 台中县| 锡林浩特市|