Prototype使用指南之base.js
2019-11-21 02:21:12
供稿：網(wǎng)友
base.js中包含下面的內(nèi)容 類的創(chuàng)建與繼承： Class.create(): 創(chuàng)建一個(gè)類，例如 person=Class.create() Object.extend(destination, source): 把source中方法屬性copy到destination(使用for propertyin source)，需要注意的是，javascript中除了基本類型(Number, Boolean)外都是引用類型，所以這種copy一般只是copy引用而已，destination和source還是指向同一個(gè)方法或?qū)ο髮傩?function array object) 這面向?qū)ο蟮木幊讨校话阃ㄟ^Class.create新建一個(gè)類，如果這個(gè)類繼承于領(lǐng)一個(gè)類，一般使用Object.extend(class.prototype, parentClass.prototype)或者Object.extend(class.prototype, aparentClassInstance)
Object構(gòu)造函數(shù)的擴(kuò)展： Object是其他對象實(shí)例的構(gòu)造函數(shù)(var a=new Object())，也是所有其他類的父類，對Object直接擴(kuò)展(注意不是擴(kuò)展Object.prototype，擴(kuò)展Object.prototype相當(dāng)于添加實(shí)例方法)相當(dāng)于為Object類添加靜態(tài)方法 Object.inspect(object): 調(diào)用object的inspect(如果定義了)或toString方法，返回一個(gè)對象的字符串表示 Object.keys(object): 返回一個(gè)對象的所有屬性和方法名稱組成的數(shù)組, 例如Object.keys(document.body) Object.values(object):返回一個(gè)對象的所有屬性和方法的值組成的數(shù)組, 例如Object.values(docuement) Object.clone(object): 返回一個(gè)對象的clone版本，其實(shí)是執(zhí)行Object.extent方法把object中的方法屬性copy到一個(gè)新對象中，然后返回這個(gè)對象
函數(shù)邦定： 定義了Function對象的兩個(gè)方法，bind和bindAsEventListener，這兩個(gè)方法是一個(gè)函數(shù)的兩個(gè)方法，對于java、c#程序員來說，看到這個(gè)也許感到很驚訝，因?yàn)樵谒麄兛磥砗瘮?shù)只是一個(gè)程序語句組織結(jié)構(gòu)而已--->怎么還有方法，而且還可以擴(kuò)展？ 這也是javascript等腳本語言相對于java等一個(gè)非常強(qiáng)大的功能，函數(shù)也是一個(gè)對象，函數(shù)名就是這個(gè)對象的名稱，只要你愿意，你也可以使用new Function(...)來定義函數(shù)，所以為函數(shù)定義方法也就很正常不過了 這兩個(gè)函數(shù)的主要作用是為了解決使用javascript面向?qū)ο箫L(fēng)格編程中this的引用問題，在javasctipt中this關(guān)鍵字始終指向調(diào)用該函數(shù)的對象或者指向使用call，apply方法指定的對象（具體這方面的知識(shí)可以自己google一下，以下系列對prototype的介紹也假設(shè)讀者對javascript語言比較熟悉了，如果不熟悉可以找本javascript權(quán)威指南這本書看看） 要理解這個(gè)問題首先要理解 始終指向 這個(gè)問題，就是this這個(gè)關(guān)鍵字比較特殊，不能把他當(dāng)成一般的變量名看待，最常見的一個(gè)錯(cuò)誤就是在返回函數(shù)的調(diào)用中使用this，例如return function(){this.aMethod()}, 當(dāng)你下次調(diào)用這個(gè)返回的匿名方法時(shí)，這個(gè)this引用的內(nèi)容又指向了調(diào)用這個(gè)函數(shù)的對象了，記住的一點(diǎn)的this是個(gè)關(guān)鍵字，不是變量名，不會(huì)產(chǎn)生閉包 對Number的擴(kuò)展(注意num也可以看成對象，其實(shí)是在使用的時(shí)候系統(tǒng)自動(dòng)打包成Number對象)： toColorPart：把數(shù)字轉(zhuǎn)換為可以用于表示color的16進(jìn)制值：例如 7.toColorPart()=>"07"，28.toColorPart()=>"1C" succ: 返回num++, 但不改變num本身的值，其實(shí)就是 return this＋1 times：對從0到這個(gè)數(shù)字輪流調(diào)用一個(gè)函數(shù), 例如function a(n){docuement.write(n)}, 10.times(a), 將顯示012345678910, 注意函數(shù)也是一個(gè)對象，而且與其他對象并沒有實(shí)質(zhì)的區(qū)別
Try對象： Try對象提供了一個(gè)很有趣的功能, 先看一下如下的代碼： var Ajax = { getTransport: function() { return Try.these( function() {return new XMLHttpRequest()}, function() {return new ActiveXObject('Msxml2.XMLHTTP')}, function() {return new ActiveXObject('Microsoft.XMLHTTP')} ) || false; } ｝ Try對象提供了一個(gè)方法these, 這個(gè)方法接受一個(gè)函數(shù)類型的參數(shù)列表，然后輪流執(zhí)行這些函數(shù)，當(dāng)其中一個(gè)函數(shù)沒有產(chǎn)生錯(cuò)誤時(shí)，就停止執(zhí)行，并且返回這個(gè)函數(shù)返回的值，自己慢慢體會(huì)吧 PeriodicalExecuter(周期性執(zhí)行器)對象 這個(gè)對象是對setInterval方法的簡單封裝，使用方法如下 var a=new PeriodicalExecuter(callback, frequency) //callback: 執(zhí)行的函數(shù)名 frequency: 每次執(zhí)行的時(shí)間間隔 a.stop()
