prototype.js-1.4版開發(fā)者手冊【可編輯范本】

開發(fā)者手冊對應版本1。4.０ｏriginalartｉｃlebｙsp(’SeｒgiｏPeｒeira’)HＹPERLINK"maiｌto：ｓergio_pereｉｒa@msn．ｃｏm＂SerｇiｏＰereiralastupｄａｔe:Ｍarｃh30ｔh２００6中文版:HYＰERLIＮK"mailto:thin3７4２１@1２6。com”THIＮ最后更新：200６-3-３1看到一個很好的東西在國內沒有被很多人使用起來,實在是不爽，所以花了很大功夫把這個手冊翻譯成中文，由于這篇文章很長,所以,翻譯的工作量很大而且有些地方英文版也沒有說清楚,雖得查看源代碼，好在不是堅持做完了，大家鼓勵下啊!＾o^?proｔotypｅ.js是一個非常優(yōu)雅的jａvaｓcｒiｐt基礎類庫，對javascript做了大量的擴展,而且很好的支持Aｊax，國外有多個基于此類庫實現(xiàn)的效果庫,也做得很棒。

ｐrotｏtｙpe。js不僅是一個有很大實用價值的js庫,而且有很高的學習價值，所以我強烈建議B/Ｓ開發(fā)人員和對JS開發(fā)感興趣的朋友去瀏覽一些它的源代碼,其中有很多的珠璣,你絕對會覺得讀它的源代碼是一種享受，當然要讀得懂,呵呵。?網(wǎng)上也有人寫過1。3版的源碼解讀,大家可以找來看看。不過１。4版做了很大的擴充,所以希望有朋友寫出1.4版的源碼解讀.幾點說明：有朋友說pｒoｔｏtye已經(jīng)有人翻譯過了，呵呵,是對的，說明你以前關注過它,不過原來翻譯的是1.３版的文檔,1。4版有很多重要的擴展,而且pre_１．５版現(xiàn)在也出來,不地改動不大。有朋友說有用多沒有翻譯地來的，拜托,只是各個方法的參數(shù)說明沒有翻,這些說明很多都是什么類型,還是有空再弄吧,先將就一下,對不起了,翻到這個程序已經(jīng)很累人了,畢竟有這么長。做成ＣHM文檔的事也只能Sorｒy，因為我沒有這個時間,也沒有做過CＨM,我覺得排版一下看網(wǎng)頁和CHＭ是差不多吧。

prototｙｐe.js是什么?萬一你沒有使用過大名鼎鼎的pｒoｔｏtype。jｓ,那么讓我來告訴你,HＹPＥRLＩNK”hｔtp：／/protｏtｙpｅ。conio。neｔ/”protｏtype．js是由HYＰERLINK"hｔtp://ｗww。ｃ/"ＳamStepｈｅnsｏｎ寫的一個javaｓｃriｐt類庫。這個構思奇妙,而且兼容標準的類庫，能幫助你輕松建立有高度互動的wｅb２。０特性的富客戶端頁面。如果你最近嘗試使用它，你大概了解到文檔并不是作者的一個強項.和在我以前使用這個類庫的不少開發(fā)者一樣，一開始，我不得不一頭扎進閱讀prototｙpe。js的源代碼和實驗它的功能中。我想，在我學習完它之后,把我學到的東西分享給大家是件不錯的事。同時,在本文中,我也將提供一個關于這個類庫提供的ｏbjecｔｓ，classes,functｉons,eｘtenｓions這對東東的ＨYPEＲLINK”http:/／ｗww.cｎbloｇ/thiｎhuｎaｎ/aｒｃhive／2006／0４/０1/devｅlopeｒnoｔeｓforprototype.html＂\l＂Reｆerenｃe＃Referenｃｅ”非官方參考在閱讀這個文檔時，熟悉Ruby的開發(fā)者將會注意到Ｒuby的一些內建類和本類庫擴展實現(xiàn)之間非常相似。相關文章AdｖanｃedHYPＥRLＩNＫ”htｔp：//ｗww.sergioｐerｅｉ／ａrtｉcles/advjs.html”JavａSｃriptguide.一些實用的函數(shù)這個類庫帶有很多預定義的對象和實用函數(shù),這些東東的目的顯然是把你從一些重復的打字中解放出來.使用＄()方法＄()方法是在DOM中使用過于頻繁的ｄｏcument。geｔElemeｎｔById（)方法的一個便利的簡寫,就像這個DOM方法一樣，這個方法返回參數(shù)傳入的id的那個元素。比起DＯM中的方法,這個更勝一籌.你可以傳入多個id作為參數(shù)然后$()返回一個帶有所有要求的元素的一個Array對象?！碒ＴML>〈HEAD〉<ＴIＴLE＞TｅsｔＰａge</TＩTLE>〈scｒiptｓrc="pｒｏtｏｔypｅ-１。3。1．jｓ”></scriｐｔ〉<sｃript>funcｔiｏntesｔ1()｛varｄ=$（’mｙDiv')；alert(d.inｎeｒHTML);｝ｆunctionｔｅｓt2（){vａrdｉｖｓ=$(＇ｍyＤiv’，'myOtherＤiv’)；foｒ(i=０；i〈dｉｖs。lengｔｈ;i+＋){aｌerｔ(divｓ［i]。innerHTML)；}}〈/sｃrｉpt></HEAD〉<BOＤY><ｄｉvｉd＝”myDiｖ”><p〉Ｔhisiｓａparａｇｒaph〈/p></div〉<divid＝”mｙOtｈerDiv">＜p>Ｔhisisａｎothｅrｐａrａgraph＜/p〉<／diｖ>＜inｐｕttｙpe="buttｏn”vaｌue＝Teｓt１onｃｌiｃk=”teｓt1();"〉<br><inpuｔtype=”ｂｕtｔｏｎ"vａlｕe=Test2oncliｃk=＂ｔｅsｔ2();"＞〈ｂr>〈/BODＹ〉<／HTML〉另外一個好處是，這個函數(shù)能傳入用sｔrinｇ表示的對象IＤ,也可以傳入對象本身,這樣,在建立其它能傳兩種類型的參數(shù)的函數(shù)時非常有用。使用$F(）函數(shù)＄F()函數(shù)是另一個大收歡迎的“快捷鍵”，它能用于返回任何表單輸入控件的值，比如teｘtbox,ｄｒｏp—doｗnlist。這個方法也能用元素id或元素本身做為參數(shù)?！磗ｃｒipｔ>functｉontest3(）{alert($F('uｓerName’));｝〈／script〉<ｉnputtypｅ=”ｔexｔ"id="userＮame"value＝”ＪoeDoe”>＜br〉〈iｎｐuｔtypｅ=”buｔtｏn"ｖaluｅ=Tｅst3onｃliｃｋ=”test3();"〉〈bｒ〉使用$Ａ（）函數(shù)$A(）函數(shù)能把它接收到的單個的參數(shù)轉換成一個Arｒａｙ對象。這個方法,結合被本類庫擴展了的Array類，能方便的把任何的可枚舉列表轉換成或拷貝到一個Array對象。一個推薦的用法就是把ＤOMNoｄｅListｓ轉換成一個普通的Array對象,從而更有效率的進行遍歷,請看下面的例子?！磗criｐｔ>functionshowOｐtｉonｓ(）｛varsomeNodeList=$('lstEmplｏｙees’).getElｅmentｓBｙＴaｇＮame（'option＇）;varｎodes＝$Ａ(someNodeLiｓt);nodｅs。each(funcｔion(noｄe){ａlｅrt（ｎode。nｏdeＮamｅ＋’:'＋noｄe。iｎnerHTＭＬ)；}）;}〈/sｃriｐt〉<seleｃtｉd=”lｓｔEmｐloyｅes”size=＂１0"＞〈ｏｐtｉonｖaｌuｅ="5”〉Buchanaｎ,Stｅven</optiｏｎ>〈oｐtiｏnvaｌuｅ=”８"＞Callahan,Lａuｒa<／option〉<optiｏnvａlue=”1"〉Davｏlio,Naｎcy〈/oｐｔｉon〉〈／ｓelecｔ〉<inpuｔtype＝＂buｔtoｎ"valｕe="Ｓhowtheopｔioｎs"ｏｎclｉck＝”ｓhowOｐtiｏns(）;”〉使用

＄H（)函數(shù)＄H()函數(shù)把一些對象轉換成一個可枚舉的和聯(lián)合數(shù)組類似的Haｓh對象．＜ｓcript〉funｃtiontｅsｔHash()｛//let'scｒeatetheobjectvaｒa={first:1０,secoｎd：２０,thiｒd:30｝；／／ｎｏwtransfoｒmｉｏａｈashvarh=$Ｈ(ａ);aｌerｔ（h。toQuerySｔrｉng(）)；／/dｉsｐlａys：fiｒｓｔ＝10&secｏｎd=20＆thirｄ＝30}</scriｐt〉使用＄R()函數(shù)＄R()是newObｊeｃｔRａnge(lowBouｎd,uppeｒBound,excludeＢoｕｎds）的縮寫。跳到ＨYPERLＩNＫ”ｈtｔｐ://ｂ/thinｈunan/ａｒchｉve/200６／０４/01/deveｌoｐernotｅsforprototｙpe．htmｌ”\ｌ"Rｅferｅncｅ。ObjectRange#Reｆeｒｅnce。ＯbjeｃｔRange”ＯｂｊｅctRange類文檔可以看到一個關于此類的完整描述.此時,我們還是先來看一個例子以展示這個縮寫能代替哪些方法吧。其它相關的一些知識可以在HYPERLＩＮK"ｈｔｔｐ:／／ｗbｌoｇ/thinｈｕnaｎ/ａrｃｈｉve/2006/0４/０1／devｅｌopｅrnｏｔｅsforｐrototｙpe.hｔml”＼l＂Reference.Eｎumeｒable＃Reｆerencｅ.Enｕmｅｒａblｅ"Ｅnuｍeraｂｌｅ對象文檔中找到。〈script>functiｏndemoDollar_Ｒ(){varrange＝$R(１0,20，false);rａnｇｅ。ｅach（funcｔion（value,ｉndex）{alert(valuｅ）;｝)；}〈/script>〈inpｕｔtyｐｅ＝"ｂuｔton”value=”ＳaｍpｌeCount"ｏnclick=”demoDolｌar＿R();”〉使用Ｔrｙ.ｔhesｅ（)函數(shù)Tｒy.ｔheｓe(）方法使得實現(xiàn)當你想調用不同的方法直到其中的一個成功正常的這種需求變得非常容易，他把一系列的方法作為參數(shù)并且按順序的一個一個的執(zhí)行這些方法直到其中的一個成功執(zhí)行,返回成功執(zhí)行的那個方法的返回值。在下面的例子中，xmlNｏde.text在一些瀏覽器中好用，但是xｍｌＮodｅ。tｅxtＣontenｔ在另一些瀏覽器中正常工作。使用Trｙ。these()方法我們可以得到正常工作的那個方法的返回值。＜sｃriｐｔ>?fuｎctionｇetXmｌＮｏdｅValue(ｘmlNode){?

returｎTry。theｓe(?

ｆuｎction(){retｕrｎxmlＮode。ｔext；}，?

fuｎcｔｉon（){reｔurnxmｌNｏde。tｅｘtConteｎｔ;）

)；

｝?〈/scｒｉpt〉

Aｊax對象上面提到的共通方法非常好,但是面對它吧，它們不是最高級的那類東西.它們是嗎?你很可能自己編寫了這些甚至在你的腳本里面有類似功能的方法。但是這些方法只是冰山一角。我很肯定你對prototyｐe。js感興趣的原因很可能是由于它的AJAX能力。所以讓我們解釋當你需要完成ＡJAX邏輯的時候,這個包如何讓它更容易。Ajａx對象是一個預定義對象,由這個包創(chuàng)建，為了封裝和簡化編寫HYPERLＩNK"http：/／en．ｗiｋiｐeｄ/wiｋi/Ajax_%28proｇramｍiｎｇ％29”\ｔ”＿tｏp＂ＡJAX功能涉及的狡猾的代碼。這個對象包含一系列的封裝AJＡX邏輯的類。我們來看看其中幾個類。使用Aｊａx。Request類如果你不使用任何的幫助程序包,你很可能編寫了整個大量的代碼來創(chuàng)建XMLHttpＲｅｑuｅsｔ對象并且異步的跟蹤它的進程，然后解析出響應然后處理它．當你不需要支持多于一種類型的瀏覽器時你會感到非常的幸運。為了支持AJAX功能。這個包定義了Ajax。Requｅst類。假如你有一個應用程序可以通過urlｈｔtp：//yourseveｒ／ａpｐ／get_sａｌeｓ?ｅmpID＝１23４&ｙｅar=1９98與服務器通信.它返回下面這樣的ＸML響應．<？ｘmlversiｏn＝"1。0＂encoｄｉnｇ=”utf-8"？〉<ａjax-rｅspｏｎse>〈rｅｓponsetype="object”id="productDetaiｌs"〉<montｈly—sａｌｅｓ〉〈eｍployee—saleｓ><emｐｌoyeｅ—id〉1２34＜/empｌoyeｅ—ｉd><yｅar-month〉19９8－01<／year—monｔh〉＜sａlｅs〉$8，１1５.３６〈/sales>〈/eｍpｌoyee-salｅs>〈emplｏyeｅ-saleｓ><eｍｐloyeｅ—id>123４〈/emｐlｏyｅe—id〉＜ｙeaｒ—ｍｏnth>1998—０2〈/yeａr－montｈ〉<sales>$11,１4７。51〈/sales〉〈／emploｙee—sales><／monthｌy—sales〉〈/ｒｅｓｐonｓe〉〈/ajax-rｅspｏnse>用Ajax。Reｑueｓt對象和服務器通信并且得到這段XML是非常簡單的。下面的例子演示了它是如何完成的.〈scriｐt＞ｆuｎctｉonseａrchSales(){vａｒeｍpＩD＝＄F(’ｌstEｍｐloｙeeｓ’）;ｖary=$F('lstYears’);vａrurl='hｔtp：／/ｙourｓever/app/ｇｅt_ｓａleｓ';vａrpａｒs=’eｍpID＝'+emｐID＋’&year='＋ｙ；vaｒmｙＡjaｘ=newAjax。Ｒｅquesｔ(uｒｌ,{ｍethｏd:'gｅt’，parameterｓ:pars,ｏnＣｏmpleｔe:ｓhoｗReｓponse｝);}ｆunctiｏnｓhowReｓponsｅ(oriｇinalＲeｑuest){／/ｐuｔretuｒｎedXMLｉntｈetｅxtarea＄（＇reｓult’)。vaｌue=oｒiｇinalＲequest．responsｅText；}<／sｃriｐt><seｌectid=”lstＥmpｌｏyｅｅｓ”sｉze="10”ｏnchange=”ｓearｃhSales(）＂〉<ｏptionvalue＝”5”>Ｂuchanaｎ，Steｖen〈／optｉｏn〉〈opｔionｖaｌue=”8”〉Ｃaｌlａhan,Laura</ｏｐtiｏn><oｐtiｏnvａlue="１">Dａvolio，Nancy＜/ｏpｔiｏn＞＜/ｓelect〉<ｓｅlｅctid="lstYears＂sｉze＝”3”onｃhangｅ=”sｅarchSaｌｅｓ（)”〉<opｔｉonselｅctｅd=”selecｔed”ｖａｌｕe＝”１996”＞199６〈/oｐtｉon><optionvalｕe=”1997"＞1997</opｔion〉〈optｉonｖａｌue="1９98"〉19９8＜/optｉoｎ〉＜/ｓeleｃｔ＞〈bｒ〉＜textａreaid=ｒesultcoｌs=６0ｒowｓ＝1０>〈/tｅxtaｒea〉你注意到傳入Ajax。Rｅqｕｅsｔ構造方法的第二個對象了嗎？參數(shù)｛mｅthod：’geｔ’，parametｅrs:pars,oｎCoｍplete:shｏｗReｓｐｏｎse}表示一個匿名對象的真實寫法。他表示你傳入的這個對象有一個名為methoｄ值為'ｇet’的屬性，另一個屬性名為parａmeteｒs包含HＴTP請求的查詢字符串，和一個oｎＣｏmplete屬性/方法包含函數(shù)ｓhoｗRｅsponse．還有一些其它的屬性可以在這個對象里面定義和設置,如aｓynchｒonous,可以為ｔｒuｅ或fａlsｅ來決定AJAＸ對服務器的調用是否是異步的(默認值是ｔｒuｅ）。這個參數(shù)定義AJＡX調用的選項。在我們的例子中，在第一個參數(shù)通過HTＴPGＥＴ命令請求那個url，傳入了變量pａrs包含的查詢字符串,Ａjax。Requeｓt對象在它完成接收響應的時候將調用showReｓｐｏｎse方法。也許你知道,XMＬHttpReｑuest在ＨTTP請求期間將報告進度情況。這個進度被描述為四個不同階段：Loａdｉng，Loａded,Iｎteracｔiｖe，或Completｅ.你可以使Ajａｘ.Request對象在任何階段調用自定義方法,Cｏmplｅte是最常用的一個。想調用自定義的方法只需要簡單的在請求的選項參數(shù)中的名為onXXXXX屬性/方法中提供自定義的方法對象。就像我們例子中的onCｏmpleｔe。你傳入的方法將會被用一個參數(shù)調用，這個參數(shù)是XＭＬHttpRequest對象自己。你將會用這個對象去得到返回的數(shù)據(jù)并且或許檢查包含有在這次調用中的ＨTＴP結果代碼的status屬性。還有另外兩個有用的選項用來處理結果。我們可以在ｏnＳuccess選項處傳入一個方法,當AJAX無誤的執(zhí)行完后調用，相反的,也可以在oｎＦａilure選項處傳入一個方法，當服務器端出現(xiàn)錯誤時調用。正如onXXXXＸ選項傳入的方法一樣，這兩個在被調用的時候也傳入一個帶有AJAX請求的XMLHttpReｑuｅsｔ對象。我們的例子沒有用任何有趣的方式處理這個ＸＭL響應,我們只是把這段XML放進了一個文本域里面。對這個響應的一個典型的應用很可能就是找到其中的想要的信息,然后更新頁面中的某些元素,或者甚至可能做某些XSLＴ轉換而在頁面中產(chǎn)生一些HTML。

在1.4．０版本中，一種新的事件回傳外理被引入。如果你有一段代碼總是要為一個特殊的事件執(zhí)行,而不管是哪個AJAX調用引發(fā)它,那么你可以使用新的HYPEＲＬIＮK”ｈｔｔｐ://wｗblｏgｓ.cｏｍ/ｔhiｎｈunaｎ／archｉve/２006/０４/01/dｅveｌoｐerｎotesfｏrpｒotoｔype。html"\l”Ajax.Ｒesｐoｎｄｅｒs#Ajａｘ。Rｅspｏnｄｅrs"Ajax.Reｓpondeｒs對象。假設你想要在一個ＡJAX調用正在運行時,顯示一些提示效果,像一個不斷轉動的圖標之類的,你可以使用兩個全局事件Handlｅｒ來做到,其中一個在第一個調用開始時顯示圖標,另一個在最后一個調用完成時隱藏圖標?？聪旅娴睦?。<scrｉpt>varmyGlｏbalＨandlers＝{oｎCreatｅ:function()｛Elｅmeｎt。shｏw（’ｓyｓtemＷorｋing’);},oｎCoｍpｌeｔｅ:funcｔioｎ(){ｉf(Ajax.aｃtiveRequesｔCounｔ==0){Ｅｌemｅnｔ．hide(’systemWorｋｉng'）；}｝｝;Aｊａｘ。Respondeｒｓ.reｇiｓtｅr(myGlｏbａｌHａｎdlers)；〈/ｓcript〉〈dｉｖid=’ｓystemWorking'＞〈ｉmgsrc=’sｐinneｒ．gif’〉Loading。.。〈/dｉv>更完全的解釋,請參照HYPERＬINＫ"ｂlogｓ。coｍ／ｔｈｉnｈｕnan/arcｈivｅ/２006/０４/01／ｄeｖeloｐeｒnｏtｅsforprotoｔype.ｈtmｌ”＼l”aｊａx_requeｓｔ_rｅferｅnce#aｊａx_rｅquｅsｔ_refeｒenｃe”＼ｏ”4.1４。

Ajax。Reqｕest類＂Ａｊａｘ。Rｅqｕeｓt參考和HＹＰＥＲLINＫ"ｈttp://wwｗ．cnｂ/tｈｉnｈｕnan/ａrcｈｉvｅ/2006／04/01/dｅｖelopeｒnotesforprotoｔypｅ.html”\l＂oｐtioｎs_refeｒeｎce＃opｔioｎｓ_rｅｆｅrence”＼o”４．15.

ｏptions參數(shù)對象"Ajax選項參考。使用Ajａx.Updａｔer類如果你的服務器的另一端返回的信息已經(jīng)是HTＭL了,那么使用這個程序包中Ａjax．Ｕpｄater類將使你的生活變得更加得容易。用它你只需提供哪一個元素需要被AJAX請求返回的HTML填充就可以了,例子比我寫說明的更清楚。

＜sｃｒipt>ｆｕnctｉongeｔHTＭL()｛vａrurl＝’hｔtｐ：//yoｕrｓerver／apｐ／ｇetSomeHTML’;vａrｐars＝’somePａraｍｅｔeｒ=ABC＇;varmyAｊax=ｎｅwAｊａx.Updatｅr('placeholdeｒ’,uｒl,｛ｍethod：'get’,ｐarａmeteｒｓ:ｐars});}＜/ｓcriｐt>〈iｎpuｔｔｙpe=bｕttonvalｕe=GｅｔＨtmlｏnclｉｃk="getHTMＬ()”>〈ｄｉvid＝”pｌacehｏｌder”><／ｄiv〉你可以看到,這段代碼比前面的例子更加簡潔,不包括oｎCoｍplete方法,但是在構造方法中傳入了一個元素ｉd。我們來稍稍修改一下代碼來描述如何在客戶端處理服務器段錯誤成為可能。我們將加入更多的選項,指定處理錯誤的一個方法。這個是用onFailure選項來完成的。我們也指定了一個plａｃeholder只有在成功請求之后才會被填充.為了完成這個目的我們修改了第一個參數(shù)從一個簡單的元素id到一個帶有兩個屬性的對象,sucｃess(一切OK的時候被用到)和failｕre(有地方出問題的時候被用到）在下面的例子中沒有用到fａｉｌuｒｅ屬性,而僅僅在ｏｎFailｕre處使用了ｒepoｒtＥrrｏr方法。<scriｐt>?fuｎctｉongetHＴMＬ(）

{?varurl='ｈttp://yoｕｒｓerver/app／getSomeHＴML’;

varpars='someParameteｒ=ＡＢＣ’；vａrｍyAjａx=newAjax.Upｄateｒ（｛sｕcｃess：'pｌaｃｅholder’},url,｛mｅｔｈod：’get'，ｐａraｍeters:parｓ,oｎFａilurｅ:reportEｒrｏｒ｝）；}functiｏnrｅpoｒtＥrrｏｒ(ｒeｑueｓt）{aｌert（'Ｓｏrrｙ。Theｒewasaｎeｒroｒ.');｝</ｓｃｒipｔ><inｐｕttype=buttonｖalue=ＧetHｔmｌonclick=＂getHTML（)”〉<diｖid=”ｐｌaceholder＂〉〈/ｄｉｖ〉如果你的服務器邏輯是連同ＨTML標記返回ＪaｖaScriｐt代碼,Ajax。Updaｔer對象可以執(zhí)行那段JavaScｒｉpt代碼.為了使這個對象對待響應為JavaSｃriｐt,你只需在最后參數(shù)的對象構造方法中簡單加入eｖaｌＳcrｉptｓ:trｕe屬性.但是值得提醒的是,像這個選項名ｅvaｌScrｉpts暗示的，這些腳本會被執(zhí)行，但是它們不會被加入到Page的腳本中?！坝惺裁磪^(qū)別？”，可能你會這樣問。我們假定請求地址返回的東東像這樣:〈scriptｌａngｕaｇe=”jａvａscrｉｐt”type＝”texｔ／javaｓcｒipt”>functioｎｓａyHi（)｛aｌｅｒt('Hi’)；｝〈/scｒipt>〈inｐutｔyｐe＝butｔonvａlｕe=”ＣlｉｃkＭe＂onclｉck="sayHi()"〉如果你以前這樣嘗試過,你知道這些腳本不會如你所期望的那樣工作，原因是這段腳本會被執(zhí)行,但像上面這樣的腳本執(zhí)行并不會創(chuàng)建一個名叫ｓayHi的函數(shù)，它什么也不做.如果要創(chuàng)建一個函數(shù),我們應當把代碼改成下面這個樣子:＜sｃriptlaｎguage=”javａscript”type="texｔ/jａvascrｉpｔ＂〉sayHｉ=funｃtiｏn(){aｌert（’Hi');｝;〈/ｓcript〉<ｉｎpuｔtｙpｅ＝butｔonvalｕe=”ＣｌickMe"onclick=”sayHi()”〉為什么我們在上面的代碼中不使用ｖar關鍵字來聲明這個變量呢(指saｙHi

)，因為那樣做創(chuàng)建出來的函數(shù)將只是當前腳本塊的一個局部變量(至少在IE中是這樣）。不寫vaｒ關鍵字，創(chuàng)建出來的對象的作用域就是我們所期望的wｉndoｗ.更多相關知識,請參看

HYPEＲLINK”hｔｔp：//wwｗ。cnbloｇs.ｃom/thinhｕnan／aｒcｈivｅ/200６／０4／０1／dｅｖeｌopernoｔeｓｆorprotｏtyｐe。ｈｔｍl”＼l"Ａjａｘ.ｏptiｏns#Ajax.opｔions"opｔｉonsreｆeｒence．枚舉．..噢！噢!你知道,我們都是這樣來做循環(huán)的,建一個Arrａy,用ｅleｍｅnts組織它們,再建一個循環(huán)結構（例如for，ｆoreaｃh,ｗhilｅ)通過inｄex數(shù)字來訪問每一個elｅmｅnt，再用這個eｌement做一些動作.當你想到這時,你會發(fā)現(xiàn)幾乎每次寫循環(huán)代碼你都會遲早用到一個Arｒaｙ。那么,如果Array對象能夠提供更多的功能給它們的迭代器使用不是很爽嗎？確實是這樣,事實上很多的編程語言都在它們的Array或其它類似的結構中（如Ｃｏｌlections,Lists）提供一些這樣的功能。現(xiàn)在好了，prototype。js了給我們一個ＨＹPＥＲLINK"hｔｔp:／/www．cnbｌogs．coｍ/thinhunaｎ/aｒchive/2０06/０4/01／ｄeveloｐernｏteｓforprotｏｔype。ｈtmｌ”\ｌ”Referｅnｃｅ。Enｕmeraｂｌe＃Rｅfeｒｅnｃｅ。Eｎumerable"Ｅｎｕmerａble對象，它實現(xiàn)了很多和可迭代數(shù)據(jù)進行交互的竅門.和原有的JＳ對象相比prototyｐe。js更上一層樓，它對HYPERLINK＂http://ｗｗw。cｎbｌ/ｔｈinhuｎan/ａrchive/200６／０4／０1/devｅｌopeｒnotｅsfoｒprototｙｐe。hｔｍl"＼ｌ"Refeｒｅnｃe.Arrａy＃Ｒeferｅnce。Ａrraｙ"Arｒay類s擴展了所有枚舉要用的函數(shù).循環(huán),Ruby樣式的在標準的javａscript中，如果你想把一個arraｙ中的所有elemeｎts顯示出來，你可以像下面代碼這樣寫得很好：〈script〉ｆuｎｃtｉonｓhowLiｓt()｛varsimpsons=['Homer＇，'Ｍarge',＇Lisａ’,'Bａｒt’,’Meg’］；foｒ(i＝0；ｉ<simpsons.lengｔh;i++)｛ａｌeｒｔ（sｉmｐsons[ｉ])；｝}</script〉<inputtype=”button"vaｌue=＂SｈoｗLisｔ"ｏnｃｌick＝”ｓhowＬｉsｔ(）;”>使用我們新的最好的朋友,protoｔｙｐe。jｓ,我們可以把它生寫成這樣fｕnctｉoｎsｈｏwLisｔ(){ｖａrsimｐsｏns＝['Homｅr’,’Marge',’Ｌｉｓａ’，’Bａrt＇,'Meg'］;simpsons。each(ｆuncｔion(famｉlｙMemｂｅr）{aｌｅｒｔ(fａmｉlｙＭeｍbｅr）；｝);｝你可能會想“非常奇怪的方式.．。相對舊的,這種語法太怪異了”。哦，在上面的例子,確實什么也沒有,在這個簡單得要死例子中,也沒有改變太多啊,盡管如此，請繼續(xù)讀下去。在繼續(xù)下面內容之前，你注意到那個被做為一個參數(shù)傳遞給eacｈ函數(shù)的函數(shù)?我們把它理解成迭代器函數(shù).Yoｕrarraysoｎsterｏｉds就如我們上面提到的,把你的Aｒｒay中的eｌｅments當成相同的類型使用相同的屬性和函數(shù)是很通用（Comｍon,不知該翻譯成通用還是庸俗)的。讓我們看看怎么樣利用我們新的馬力強勁的Arrays的迭代功能吧。依照標準找到一個ｅlemｅｎt.<sｃriｐｔ>functioｎfiｎdEmployｅeById（eｍp＿id){vaｒlistBｏｘ=$('lsｔEｍplｏyｅes＇）vaｒopｔｉoｎs=listBｏx.gｅtEleｍentsByTagName（'oｐtｉon')；options=$Ａ（ｏptiｏｎｓ）;ｖaｒｏpt=optioｎs。find（fｕnctｉon(ｅmｐlｏyee）{retuｒｎ(employee。value==emp＿ｉｄ)；});aｌeｒt(opt。inｎeｒHTMＬ）;//diｓｐlaystheemplｏｙｅeｎａｍe}〈/sｃrｉpｔ>〈selectid="lstEmplｏyｅes＂sｉzｅ=”10”>〈ｏptiｏｎvalue="5">Ｂｕcｈanan，Steven〈/opｔion＞〈oｐtiｏnvalue＝"8”〉Cａllahan,Lａura〈/optioｎ〉〈ｏptionｖalue="1＂>Dａvolio,Ｎａncy</ｏｐｔｉon〉〈/seｌeｃt><iｎｐuｔｔype=＂bｕｔtｏn"vａlｕe=”FindLaura”onｃlicｋ=”findEmployeeById（8);"〉現(xiàn)在我們再下一城，看看如何過濾一個Arｒaｙ中的元素,從每個元素中得到我們想要的成員。〈sｃｒipt〉fｕnctiｏnshｏwLocaｌＬiｎks(parａｇraph){parａｇraph＝$(pａragraｐh);ｖarlinｋs=＄Ａ(ｐaragraph.getElｅmentsByTａｇName（’ａ’）)；//ｆinｄlinｋｓｔhaｔｄｏｎotｓtaｒｔwith’hｔｔp’ｖａrlocalＬinks=linｋs。ｆｉnｄＡlｌ(fuｎction（ｌinｋ){ｖarstarｔ=ｌink．hreｆ。subｓtriｎg（0,４）;returnｓtａｒt！=＇httｐ’;｝)；//noｗthelinkteｘｔsｖarｔexts=lｏｃalLinｋs.plｕcｋ('innerHＴMＬ’)；//ｇｅtthemｉnasｉnｇｌestｒingvarrｅsｕlt=teｘtｓ.iｎspect();aｌｅｒt（resulｔ）；}〈/sｃripｔ〉＜ｐｉｄ＝＂someText">Ｔhis〈ahref="ｈttp://othｅrsite。ｃoｍ／ｐaｇe.hｔmｌ”〉tｅxt＜/a〉hasa＜ahref=”#loｃａｌAnｃhoｒ”〉ｌｏt〈/a〉of〈ahｒｅｆ="#otherAnｃhor”〉liｎks</a＞.Ｓｏｍeａre〈ａｈref="http:/／ｗｈerever。ｃom/page.htｍl”＞external<／a>andsomｅarｅ〈ahｒｅｆ＝"#sｏmeAnchor”＞local〈/a〉〈/p>〈inputtype=buｔtoｎvalue="ＦinｄLｏcalLinks”onclick＝"shｏｗLoｃalＬinks（'someTeｘt'）”〉上面的代碼僅僅是一點小小的實踐讓人愛上這種語法。請參看HYＰEＲＬＩNＫ”hｔtp：/／ｂlogs。ｃｏm/thinhｕｎan／ａｒchiｖe／２００6/0４/01/developernoｔｅsfｏｒｐrｏtoｔypｅ.htｍl”\ｌ"Ｒeｆｅｒeｎcｅ。Ｅnｕmerａble#Refereｎｃｅ．Ｅｎｕmｅraｂｌe"Eｎumeraｂle和HYPERLＩＮK"http://ｗｂloｇs.cｏｍ／thｉnhunaｎ/ａｒchivｅ/2006／04／0１/deveｌopernｏｔeｓｆorｐrototyｐe.html”Arrａy的所有函數(shù)

ｐrotoｔype。js參考JavaScrｉpｔ類擴展ｐroｔotyｐe。js類庫實現(xiàn)強大功能的一種途徑是擴展已有的JaｖａＳcｒipｔ類。對Object的擴展ＭethｏｄKindＡrgumentsDｅscrｉptionextｅnd（ｄestination,sｏｕrce)ｓtａt(yī)icｄｅstiｎation:ａｎyobjｅｃt,ｓource:anyoｂｊect提供一種通過拷貝所有源以象屬性和函數(shù)到目標函數(shù)實現(xiàn)繼承的方法iｎsｐecｔ（ｔargｅtObｊ)ｓｔａt(yī)iｃｔargeｔＯbj：aｎｙobject返回可讀性好關于目標對象的文字描述,如果對象實例沒有定義一個inspeｃt函數(shù),默認返回toStriｎｇ函數(shù)的值。對Number的擴展MeｔhoｄＫindArgｕmenｔｓＤescriptｉｏｎtoＣoｌｏrPart（）inｓtancｅ(nｏｎe）返回數(shù)字的十六進制表示形式.在把一個ＲGB數(shù)字轉換成ＨTＭＬ表現(xiàn)形式時很有用.suｃｃ()insｔance(none)

返回下一個數(shù)字,這個方法可用于迭代調用場景中．times(itｅrａt(yī)or)ｉnstaｎcｅiterator:aｆunctiｏnobjeｃtconｆormingtoFuｎction(ｉndeｘ）Cａｌlｓｔhｅiteｒatｏrfunctionrｅpｅatedｌｙpassingtｈｅｃurreｎtiｎdexintheindeｘargumｅｎt。反復調用itｅrａｔor函數(shù)并傳遞當前ｉnｄeｘ到itｅｒaｔoｒ的iｎdex參數(shù)。下面的例子用提示框顯示0—9.〈ｓｃriｐｔ>funｃｔｉonｄemoTiｍes（){varn=10;n。ｔimes（ｆuncｔion(inｄｅx){alerｔ（indｅx);});/*＊＊*****＊＊＊＊＊*＊*＊****＊＊*****youcｏuldhaveａｌsouseｄ：*(１0).timeｓ（．．.。);***＊＊**＊**＊＊＊***＊***＊＊*＊*＊*/｝<／script>〈ｉnpuｔｔype＝bｕtｔｏnvａlue＝＂TestNuｍber.tｉmes（)”onｃlick=”ｄemoTｉｍes（）”〉對Funｃtion擴展MｅｔhｏｄKiｎｄArgumentsDescｒipｔiｏnbｉnd(objecｔ)ｉｎstanceobｊeｃt：theobjecttｈatｏwnsｔheｍｅthｏd返回fuｎction的實例,這個實例和源fｕｎction的結構一樣，但是它已被綁定給了參數(shù)中提供的oｂject，就是說,fuｎction中的this指針指向參數(shù)object。biｎdAsEventLｉsｔｅnｅr(obｊeｃt)iｎstanceobjｅct：tｈeobjｅctthatｏwnstheｍeｔｈod用法和上面的biｎd一樣,區(qū)別在于用來綁定事件。讓我們看看如何運用這些擴展。<iｎputtｙpe=checkｂoxｉd=myChkvalue=1〉Tesｔ?<sｃript>//dｅclaｒｉngtｈeclａssvaｒCｈｅckboxＷａt(yī)cheｒ=Claｓs。create()；/／deｆiｎingｔｈeｒｅstoftheｃlａssimplemeｎｔationCheckｂｏｘWatcｈeｒ.prototｙｐe={initｉａlｉzｅ：fｕnctｉoｎ(chkＢox，ｍessage）{this.chkBox=$(cｈkＢox）;this.meｓsage=mｅｓsａge；//assignｉngｏurmethodtotｈeｅｖentthis。ｃhkＢoｘ。oｎclick＝this。showＭessａｇe.bindAsEvenｔListｅnｅr(ｔhis）；}，sｈowMeｓsａgｅ:functｉon（ｅvｔ）{alerｔ(thiｓ。message+'(’+evt．type+’）’)；}｝；vaｒwaｔcher＝newCheckboｘＷaｔｃheｒ(’myＣhk’,＇Changed’);＜/script>對Ｓtriｎg的擴展MetｈoｄKｉnｄAｒgumentsＤescriptioｎsｔripTags（)instａncｅ(nonｅ）返回一個把所有的HTML或XMＬ標記都移除的字符串。sｔrｉｐScripts（）ｉｎstancｅ(none)返回一個把所有的scrｉpt都移除的字符串。eｓcapeHTML（)ｉｎstance(none)返回一個把所有的HＴML標記合適的轉義掉的字符串。unｅscapeHTＭＬ()ｉnstａnce（none）escaｐｅHTMＬ()的反轉。exｔracｔSｃriｐｔｓ（)inｓtａnｃe(none)返回一個包含在ｓｔriｎｇ中找到的所有〈scriｐt>的數(shù)組。eｖalScｒiｐts()ｉnsｔanｃe（nonｅ)執(zhí)行在ｓｔrｉｎg中找到的所有<sｃript>。ｔｏQｕeryParams()ｉnstanｃe(ｎone）把quｅrysｔriｎg分割才一個用parameteｒｎame做ｉｎdex的聯(lián)合Arｒay，更像一個hasｈ。ｐａrｓｅＱueｒy()instance(nonｅ)和tｏQuｅryPａrams（）一樣.toAｒｒay()instａnce（none）把字符串轉換成字符數(shù)組.camelize(）instａnｃe(noｎe)轉換一個以連字符連接的字符串成一個駱駝法樣式的字符串．比如,這個函數(shù)在寫代碼時,把它做為一個樣式工具使用是很有用的．對

Aｒraｙ的擴展因為ａrray擴展于enumeｒａble，所以所有enumbeｒable對象的函數(shù),arrａy都是可以使用的,除此之外，下面的這些也是已經(jīng)實現(xiàn)了的。ＭeｔhodKindArｇuｍentsＤesｃrｉpｔionclear（)iｎstaｎce(none)清空.compacｔ()instanｃe（noｎｅ)返回一個不包括源arrａy中nulｌ或undefined元素的arｒａｙ,此方法不改變源arraｙ。first（)instaｎce(nonｅ)返回array的第一個對象。flａt(yī)ｔen()iｎstanｃe(noｎe）通過遞歸組合array每個元素的子元素（如果該元素也是arｒay)來返回一個“扁平的”一維的array。indｅxＯｆ(valｕe)iｎｓtaｎcｅvalｕe:whａt(yī)yｏuarelｏokｉｎｇfｏr.返回給出數(shù)字位置（從０算起)的元素，如果在該位置沒有找到對象,返回—1。ｉｎspeｃｔ（)instance（nｏne)重載iｎspeｃt(),返回更好格式的反映Arｒay每個元素的字符描述.ｌasｔ(）instａnｃe(ｎonｅ)返回最后一個元素．reveｒse(［applyToＳｅlf]）instaｎcｅaｐplyＴoSeｌf：iｎｄiｃatesifｔｈｅarrayitselfsｈoｕｌdalsｏbereｖersed。

反轉Ａrｒａｙ中元素的順序,如果沒有給出參數(shù)，或參數(shù)為true，則源Ａrray中元素的順序也反轉,否則源Arrａｙ保持不變。shiｆt()iｎｓtance(none)返回Array的第一個元素并從Array中移除它，Arｒay的Lｅｎgth—１。ｗｉtｈｏｕt(vａluｅ1[,value2[,。.valueＮ]])ｉｎsｔanｃevaｌue1.。。ｖａｌueN:ｖaｌuesｔobeｅxcｌudedifpresentinｔhearrａy.

返回一個把參數(shù)列表中包含的元素從源Aｒray中排除的Ａrrａｙ。docｕmentDＯＭ擴展ＭethodKｉｎdＡrgumentsＤeｓcrｉptiongetEｌｅmentsByＣlaｓsName(classＮamｅ[,paｒeｎtElemｅnt])inｓtaｎceｃｌａsｓNamｅ：ｎａmeoｆａCSSclassａｓsｏcｉatedwiｔhｔｈeeｌements,paｒeｎｔElemｅｎt:oｂjectｏrｉdｏftheeｌeｍｅntthatconｔａinstheelementsbeｉnｇretｒieved.返回所有ＣSＳclassＮamｅ屬性等于cｌassNaｍe參數(shù)的元素，如果沒有給出pａｒｅntElement，那么將搜索ｄoｃumｅntｂodｙ。(此處使用docｕment。bodｙ我覺得不如使用ｄocuｍenｔ,因為有時有的頁面沒有bodｙ)

Eｖeｎｔ擴展ＰｒopｅrtyTypｅDescriptiｏnKＥY＿BAＣKＳPACＥNuｍberNuｍber８：Constant.CodeforｔheBacksｐacekey。KEＹ＿ＴＡBNumber9:Consｔａnｔ。ＣodefoｒthｅTａbkey。KEY＿ＲＥTUＲNNｕmbｅｒ13:Constant。CodｅfortｈeRetuｒnｋey.KEY_ESCNｕmｂer２７：Ｃonsｔant.CoｄefｏrtheEｓｃkeｙ.ＫＥY＿LEFTＮｕmber３7：Constant。CodefortｈeLeftarroｗkey.ＫEY_UPNumber38:Constａnt。CodeｆortｈeUｐaｒrｏwkeｙ。KEＹ_RIGHTNuｍber3９:Consｔanｔ.CoｄefｏrthｅＲightarrｏwｋｅy.ＫEY_DOＷＮNumber４0：Ｃｏｎｓtanｔ。CodefortｈeDownａｒｒｏwkey。KEY＿ＤELETENｕmｂer46：Cｏnｓtant。CodeｆｏｒtheDelｅｔekeｙ。obseｒverｓ:ArrayListｏfcａchｅdｏbsｅｒvｅrs。Ｐartoftheinternalimplementatｉｏnｄetaiｌsoｆtheｏｂject.MeｔhodKｉndArｇumｅｎtsDeｓcrｉptioｎeｌeｍent(ｅvｅnｔ)staticｅvent：anEventoｂjeｃｔ返回事件源對象。iｓLｅftClick(eveｎt)ｓtaｔｉcｅvenｔ:ａnＥvenｔｏｂjeｃt如果點擊了鼠標左鍵，返回ｔrue。ｐointeｒX(evｅnt)statｉcevenｔ：aｎEｖenｔobjecｔ返回鼠標的X座標。ｐoiｎterＹ(evｅnt）staｔiｃevent:anEvｅntobject返回鼠標的Y座標。stoｐ（eｖｅｎt)stａt(yī)iceｖent:aｎEventobｊeｃｔ使用此函數(shù)來中斷事件的默認行為并阻止傳遞(冒泡)．fiｎdElemeｎt（event,tagName)ｓtａt(yī)iｃeｖent:aｎＥｖenｔobjｅct，ｔagName:naｍeｏfthedesiｒedtａg。從事件源對象開始向上搜索ＤOＭ樹，直到找到第一個符合ｔａgName的元素observe（eｌｅｍenｔ，name，ｏbｓeｒver，usｅCapｔｕre)sｔatｉceｌeｍｅnt:ｏｂjｅｃtoｒid，name:eventname（liｋe'click’，’load’，etc)，observeｒ:functiｏntohaｎdlｅtｈｅeｖｅnt，useCapturｅ:iftrue,handlｅstheeｖentiｎthｅｃapｔｕｒｅphaseandｉffaｌseinthebuｂｂlinｇphaｓｅ。為對象的某個事件增加一個處理函數(shù).stopＯbｓerｖing（element,ｎamｅ,oｂsｅrver,usｅCａptｕｒe)staticｅlement:objecｔorid,naｍe:ｅｖeｎtｎａme（liｋe'cｌick'）,observeｒ:ｆunctionｔｈatishandlingｔhｅｅveｎt,uｓeCapturｅ:ifｔrueｈａndlｅstheｅventｉnthecaｐｔurephaseandiffalｓeintheｂubbｌinｇphase.和上面的函數(shù)相反。_observeＡndCａche(ｅlemenｔ，nａmｅ,oｂsｅrveｒ,uｓｅＣａpture）static

私有函數(shù),別管它。ｕnlｏadCaｃhｅ（)staｔic（noｎe)私有函數(shù)，別管它.從內存中清除所有的obseｒvｅｒｓ緩存。下面代碼演示如何給ｗindow添加一個lｏad事件處理函數(shù).<scrｉpt＞Eｖent.ｏbserｖe（wｉndoｗ,'loａd',ｓhowＭｅssaｇe，fａlse）;fuｎctionshowＭeｓsagｅ(){alert('Ｐagｅｌoaded。');}</ｓcript〉在pｒotoｔype。ｊｓ中定義新的對象和類另一個這個程序包幫助你的地方就是提供許多既支持面向對象設計理念又有共通功能的許多對象.ThePeriodicalExecｕｔerobｊeｃｔ這個對象提供一定間隔時間上重復調用一個方法的邏輯。ＭethodKindAｒgumentsDｅscrｉｐｔｉon[ctor］（caｌlｂａｃk,inｔeｒｖaｌ）ｃoｎｓｔruｃtorcａllbａck:aparaｍeteｒlessｆuncｔｉoｎ，iｎterval：nｕmberoｆsecｏnds創(chuàng)建這個對象的實例將會重復調用給定的方法。PropertｙTypｅＤescｒiptｉoncalｌbackFunctｉｏn（)被調用的方法,該方法不能傳入?yún)?shù).frequeｎｃｙＮumbｅr以秒為單位的間隔。ｃuｒrｅntlｙExｅcutingBｏoleａn表示這個方法是否正在執(zhí)行.ThePrototｙpeｏbjｅctＰｒoｔotype沒有太重要的作用,只是聲明了該程序包的版本。PrｏpertyＴｙpeDescripｔionＶｅrｓｉonString版本．ｅｍptyFｕｎctｉoｎFunｃtiｏn（)空函數(shù)。KFunｃtｉon（oｂj)一個僅僅回傳參數(shù)的函數(shù)。ScrｉｐtFragmentSｔring識別scriｐt的正則式。TｈeEnｕmeｒabｌeobjｅctEnuｍberaｂle對象能夠已更優(yōu)雅的方式實現(xiàn)對列表樣式的結構進行枚舉。很多其它的對象通過擴展自Eｎuｍberａble對象來得到這些有用的接口。MｅthoｄＫinｄArgｕmentsDesｃrｉpｔioｎeach（iterator)iｎstaｎcｅitｅrａt(yī)ｏr:afuｎctionoｂjectｃonｆormingtoFｕｎction（value,ｉnｄex）把每個eｌeｍent做為第一個參數(shù)，ｅｌemeｎt的inｄｅx作為第一個參數(shù)調用iteraｔｏr函數(shù).alｌ（[iteratｏr])instanceiteratoｒ:afunctｉonｏbjｅｃtcoｎｆoｒｍinｇtoFuｎｃtion（ｖａlue,indｅx）這個函數(shù)會用給出的iteratoｒ測試整個集合,如果集合中任一元素在iteratｏr函數(shù)測試中返回falｓe或ｎull,那么這個函數(shù)返回falｓe,否則返回true。如果沒有給出iteraｔｏr,那么就會測試所有的元素是不是不等于faｌsｅ和nuｌｌ.你可以簡單的把它看成是“檢測每個元素都為非空非負"。aｎy（iteratｏｒ)ｉnｓtaｎcｅiteｒａt(yī)or:afuncｔionoｂjectconfoｒｍingｔoＦunction（vａｌue,ｉndex)，ｏpｔiｏｎａl.這個函數(shù)會用給出的iteraｔor測試整個集合,如果集合中任一元素在iteｒａt(yī)oｒ函數(shù)測試中返回true,那么這個函數(shù)返回tｒuｅ，否則返回faｌｓe.如果沒有給出iteratｏｒ，那么就會測試所有的元素是不是有一個不等于falsｅ和nuｌｌ。你可以簡單的把它看成是“檢測元素中是不是有非空非負的”。colｌect(ｉｔeｒaｔor）inｓtａnceiterａｔｏr:afunｃｔioｎobｊeｃｔｃonfｏrｍingｔoFunction(ｖaｌｕｅ,iｎdｅｘ)

調用iｔerator函數(shù)根據(jù)集合中每個元素返回一個結果,然后按照原來集合中的順序，返回一個Aｒraｙ。detect（ｉtｅratｏr)instａnceiteｒatｏr：ａｆｕnctｉonobjｅｃtｃonfｏrminｇtoFｕncｔiｏn（value,inｄex）集合中每個元素調用一次Iteratｏr，返回第一個使Iterａt(yī)ｏｒ返回True的元素，如果最終都沒有為truｅ的調用，那么返回nｕｌl。eｎｔriｅs（)ｉnsｔanｃe(ｎｏne)等于toArray（)。find（iteｒａt(yī)ｏｒ）inｓｔanceｉterａt(yī)or：afｕnctｉonobｊectconｆｏｒmingtｏFunｃｔｉoｎ(vａｌｕe，ｉｎｄex)等于dｅｔect（)．findＡll(itｅｒatoｒ)instancｅｉteｒａt(yī)or：ａfunctｉonobｊｅctconfｏｒmiｎgｔoＦunction(valｕｅ,iｎｄex）集合中每個元素調用Itｅｒａt(yī)or,返回一個由所有調用Iterａt(yī)oｒ返回結果等于truｅ的元素組成的數(shù)組．和rejｅct()相反。ｇｒep（ｐaｔｔern[,iteratoｒ])ｉnsｔａｎcｅpaｔteｒｎ：aRegEｘpobjectusedｔｏｍaｔchtｈeeｌementｓ,iterａt(yī)oｒ：afunctioｎobjecｔcｏnｆorｍingｔoＦuｎcｔｉoｎ（vaｌue,iｎｄex)

用patteｒn參數(shù)正則表達式測試集合中的每個元素，返回一個包含所有匹配正則式的元素的Arrａy，如果給出了Iteratoｒ，那個每個結果還要經(jīng)過一下Ｉtｅratｏr處理.iｎclｕｄe(obj)iｎstanceobj:anｙｏｂjecｔ

判斷集合中包不包含指定對象.injecｔ(ｉｎｉtialVａlue,iｔerａt(yī)or)instanceinitialVａｌｕe:anyobjectｔobeｕsedastheinｉｔiaｌvalue，itｅrator：afｕnｃtionｏbjｅｃtｃonforminｇtoＦuncｔiｏn(ａccumuｌator,ｖａlue，indｅx)

用Iｔeｒator聯(lián)接所有集合中的元素。Ｉteｒator在被調用時把上一次迭代的結果做為第一個參數(shù)傳給ａccｕmｕlａt(yī)ｏr。第一次迭代時，accurmelａt(yī)oｒ等于inｉtｉaｌＶａlue,最后返回ａccumulator的值。iｎvokｅ(ｍeｔhoｄNａme[，aｒｇ1［,aｒg2［。。。]］])iｎstaｎｃemethodNaｍｅ:nａmeofthemethodthatwｉlｌbｅｃａｌledineacheleｍeｎｔ,ａrg1。．a(chǎn)rｇＮ:argumeｎtｓｔhatwilｌbｅpassedintｈemethｏdｉnvocａt(yī)ion。集合中的每個元素調用指定的函數(shù)(查看源代碼可以發(fā)現(xiàn)指定函數(shù)被調用時,this指針被傳成當前元素)，并傳入給出的參數(shù),返回調用結果組成的Array.map（ｉterator)inｓtanceiterａt(yī)or:afuｎctiｏnｏbjｅｃtconｆｏｒminｇtｏFｕnctiｏn（ｖａluｅ，indｅｘ)同coｌｌeｃt()。max([iterator]）inｓtanceｉterａt(yī)oｒ:afunctiｏnoｂｊectcoｎｆormingtoFuｎctiｏｎ（value,iｎdｅx)返回集合中元素的最大值,或調用Iteｒator后返回值的最大值（如果給出了Iｔeratｏｒ的話)。mｅmbｅｒ(obｊ）inｓｔancｅｏｂj：ａnyoｂｊect同incｌude（).mｉｎ([itｅｒaｔor])ｉnｓｔａｎceiterator：aｆunctｉonｏbｊｅｃtｃonfoｒmiｎgtoFunctioｎ(ｖaｌue,indｅx）返回最小值,參見max（）。pａrtｉtion(［iｔｅrator］)inｓｔaｎｃeiterator：afunctｉonobjｅctconforminｇtｏFｕnctｉｏn(ｖalｕe，iｎdｅx)返回一個包含兩個Arrａy的Arrａy,第一個Arrａy包含所有調用Ｉteratoｒ返回Truｅ的元素，第二個Aｒrａy包含剩下的元素.如果Iｔeratｏr沒有給出,那么就根據(jù)元素本身判斷。ｐｌｕck（propｅｒｔyName）ｉｎsｔａncepｒｏperｔyNamｅｎameoｆtheprｏpeｒtyｔｈaｔwilｌbｅreadfromeａcｈｅleｍｅnt。Ｔhisｃａnalsｏcｏnｔainｔheindｅｘofｔｈeeleｍｅnt返回每個元素的指定屬性名的屬性的值組成的Aｒray.ｒeject（ｉterator）instanceiterａt(yī)ｏｒ：afｕnctｉｏｎｏbｊecｔcoｎforｍingtoFunction（valuｅ,iｎdｅx)和

fｉndAll(）相反（返回所有等于false的元素).seｌect(iteratoｒ）inｓtanceiterator：afuｎｃtionobｊeｃｔconfｏrmｉｎｇｔｏFuncｔｉoｎ(ｖalｕｅ，inｄex)同ｆiｎdAｌｌ().soｒtＢｙ(iteｒaｔor)instanceitｅrａｔor:ａfｕnｃtiｏnobjectconformingtoFｕnction(vａlue,iｎdeｘ）根據(jù)每個元素調用Iｔeｒator返回的值進行排序返回一個Arｒａｙ。ｔoAｒrａy（）ｉnｓtancｅ(none）返回由集合所有元素組成的一個Arｒay。ziｐ(ｃｏllectｉon１[，colｌｅｃtion2[,。。。cｏllectioｎN［,traｎsform]］］）iｎstａncecｏｌlection１。。colleｃtioｎN:eｎumｅratiｏnｓthatwillｂeｍergeｄ,tranｓforｍ:afunctiｏｎoｂjectｃｏnformiｎgtoＦｕncｔioｎ(ｖalｕｅ,inｄeｘ）合并每個給出的集合到當前集合。合并操作返回一個新的array,這個arraｙ的元素個數(shù)和原集合的元素個數(shù)一樣，這個array的每個元素又是一個子array,它合并了所有集合中相同iｎdex的元素.如果transfｏrm函數(shù)被指定,那么arraｙ的每個元素還會調用ｔraｎsfoｒｍ函數(shù)先做處理.舉個例子：[１,２,3］。ｚip(［4，5，6],[７,８,9］）.inspect(）

返回”［［１,４,7］，[2,5，8］,[3，６，9］]”TｈｅHasｈoｂject

Hasｈ對象實現(xiàn)一種Hasｈ結構,也就是一個Keｙ:Valuｅ對的集合.Ｈaｓh中的每個Iteｍ是一個有兩個元素的aｒrａｙ,前一個是Ｋeｙ，后一個是Ｖaｌｕe，每個Ｉtem也有兩個不需加以說明的屬性，key和valｕe。ＭethodKindＡrguｍeｎtsDｅsｃrｉptiｏｎkｅys（）instance(none)返回所有Item的kｅｙ的集合的一個aｒrａy.ｖａlues（)instance（none）返回所有Item的valｕｅ的集合的一個arrａy。ｍerge(otｈeｒHash）instanｃeothｅrHash:Haｓhobｊect合并給出的Haｓh，返回一個新Ｈasｈ。tｏQuerｙString(）ｉnstance(nonｅ）以QｕerｙStｒing那樣的樣式返回hash中所有的item,例如：’key1=vａlue１＆key２=ｖalue2＆kｅy3=vａlue3’inｓｐect(）instaｎｃe（ｎｏne)用一種合適的方法顯示ｈａsｈ中的key：value對。ＴｈeOｂｊeｃｔＲangeｃlaｓs繼承自

HYPEＲLINＫ"http://ｗww。cｎblogｓ。ｃoｍ／ｔhｉnhuｎan/archive/2006/04／0１/ｄeveloｐernoteｓｆorprotoｔype.hｔml”\l＂Rｅfｅrｅnｃｅ.Enumerabｌe＃Referｅnce.Enumｅrabｌe"Enumeｒabｌe用上、下邊界描述一個對象區(qū)域．ＰropeｒtｙＴypeKiｎdＤescriｐtiｏnｓtart(anｙ）instａncｅranｇe的下邊界end(any)ｉnstaｎceｒaｎge的上邊界ｅｘclｕsivｅBooleaｎinstancｅ決定邊界自身是不是rangｅ的一部分。MetｈodKｉndArｇｕmeｎtsDeｓcriptiｏn[cｔｏr］(start，end,exclusive）conｓtrｕctｏrsｔart:ｔｈｅlowerbｏund,ｅnｄ:thｅｕpperbｏuｎd，exｃlｕｓｉve:includetheｂouｎｄｓintherａｎgｅ?創(chuàng)建一個ｒange對象，從start生成到end,這里要注意的是,sｔarｔ和ｅnｄ必段類型一致，而且該類型要有succ()方法。ｉnｃluｄe(ｓｅarｃhｅdValuｅ）ｉnｓｔaｎcｅsearｃheｄValue:valuethａｔweaｒｅloｏｋｉngfor檢查一個vａlue是不是在ｒange中。ＴheClaｓsoｂjｅct在這個程序包中Class對象在聲明其他的類時候被用到。用這個對象聲明類使得新類支持inｉtiａlize（)方法，他起構造方法的作用?？聪旅娴睦?／declaringtheclass?varMySaｍplｅClasｓ=Ｃlａss。cｒeate()；

?／/ｄeｆinｉｎgtheresｔoｆtｈeｃlasｓimｐlｍentａt(yī)iｏn

MｙＳamｐleＣlaｓs.pｒｏtｏｔype＝{??

iｎitｉalizｅ：fｕnｃtｉon(messagｅ){

thiｓ。message=ｍessａge;?

},

?

sｈoｗMｅsｓagｅ:ｆuｎctｉon(aｊaxＲesｐｏnsｅ）{?

ａlert（thｉs．mｅssaｇe）；?

｝?}；

?//ｎow,let’sｉｎsｔantｉateanduseonｅｏbｊect

ｖａrmyTalkeｒ=newMySamplｅＣlaｓs('hｉthｅre。');?ｍｙTａlkeｒ.sｈowMeｓsage()；//ｄiｓplａysalｅrtＭｅthodＫiｎdAｒguｍｅnｔｓDｅsｃrｉptionｃreaｔe(＊)ｉnstance（any）定義新類的構造方法。TheAjaxoｂject這個對象被用作其他提供ＡJＡX功能的類的根對象。

PropertyTypｅKiｎdＤescrｉｐtionactiveRｅquｅsｔCouｎｔNumbeｒｉnstance正在處理中的Aｊax請求的個數(shù)。MethodKinｄArgumentsＤeｓｃriptioｎgetTransport()iｎstaｎｃｅ(none)返回新的XMLＨｔtpRequesｔ對象。TheAjaｘ。Responｄersｏｂｊect繼承自HYPＥRLＩＮK”http:/／ｗｗｗ.cnｂlｏgs.ｃom/thinhunａn/ａrchive/20０6/0４/０１/devｅｌｏpｅrnｏtesforｐｒototypｅ.ｈtml＂＼ｌ"Ａｊax。Ｂase#Ajaｘ。Basｅ＂Ajax。Ｂaｓe封裝AＪAX操作PrｏpertyTyｐｅＫiｎdＤｅscriptionEｖentsAｒraystatic在AＪAＸ操作中所有可能報告的事件/狀態(tài)的列表。這個列表包括:’Uninitializｅd','Loaｄinｇ’，'Lｏａｄed',’Ｉnteractivｅ',和’Coｍplete＇。trａnsporｔXMLHttpＲｅｑｕeｓtinstance承載AJAＸ操作的ＸＭLHttpＲeｑuｅsｔ對象。urlｓtrｉngiｎsｔaｎｃe請求的URＬ。MethｏｄKiｎdＡrgumｅntsDescrｉption[ctor](ｕrl,optｉｏnｓ)ｃｏnstructoruｒｌ:tｈeurltｏbｅfｅｔch