Prototype使用指南之base.js
更新時間:2007年01月10日 00:00:00 作者:
base.js中包含下面的內(nèi)容 類的創(chuàng)建與繼承: Class.create(): 創(chuàng)建一個類,例如 person=Class.create() Object.extend(destination, source): 把source中方法屬性copy到destination(使用for propertyin source),需要注意的是,javascript中除了基本類型(Number, Boolean)外都是引用類型,所以這種copy一般只是copy引用而已,destination和source還是指向同一個方法或?qū)ο髮傩?function array object) 這面向?qū)ο蟮木幊讨?,一般通過Class.create新建一個類,如果這個類繼承于領(lǐng)一個類,一般使用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方法,返回一個對象的字符串表示 Object.keys(object): 返回一個對象的所有屬性和方法名稱組成的數(shù)組, 例如Object.keys(document.body) Object.values(object):返回一個對象的所有屬性和方法的值組成的數(shù)組, 例如Object.values(docuement) Object.clone(object): 返回一個對象的clone版本,其實(shí)是執(zhí)行Object.extent方法把object中的方法屬性copy到一個新對象中,然后返回這個對象
函數(shù)邦定: 定義了Function對象的兩個方法,bind和bindAsEventListener,這兩個方法是一個函數(shù)的兩個方法,對于java、c#程序員來說,看到這個也許感到很驚訝,因?yàn)樵谒麄兛磥砗瘮?shù)只是一個程序語句組織結(jié)構(gòu)而已--->怎么還有方法,而且還可以擴(kuò)展? 這也是javascript等腳本語言相對于java等一個非常強(qiáng)大的功能,函數(shù)也是一個對象,函數(shù)名就是這個對象的名稱,只要你愿意,你也可以使用new Function(...)來定義函數(shù),所以為函數(shù)定義方法也就很正常不過了 這兩個函數(shù)的主要作用是為了解決使用javascript面向?qū)ο箫L(fēng)格編程中this的引用問題,在javasctipt中this關(guān)鍵字始終指向調(diào)用該函數(shù)的對象或者指向使用call,apply方法指定的對象(具體這方面的知識可以自己google一下,以下系列對prototype的介紹也假設(shè)讀者對javascript語言比較熟悉了,如果不熟悉可以找本javascript權(quán)威指南這本書看看) 要理解這個問題首先要理解 始終指向 這個問題,就是this這個關(guān)鍵字比較特殊,不能把他當(dāng)成一般的變量名看待,最常見的一個錯誤就是在返回函數(shù)的調(diào)用中使用this,例如return function(){this.aMethod()}, 當(dāng)你下次調(diào)用這個返回的匿名方法時,這個this引用的內(nèi)容又指向了調(diào)用這個函數(shù)的對象了,記住的一點(diǎn)的this是個關(guān)鍵字,不是變量名,不會產(chǎn)生閉包 對Number的擴(kuò)展(注意num也可以看成對象,其實(shí)是在使用的時候系統(tǒ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到這個數(shù)字輪流調(diào)用一個函數(shù), 例如function a(n){docuement.write(n)}, 10.times(a), 將顯示012345678910, 注意函數(shù)也是一個對象,而且與其他對象并沒有實(shí)質(zhì)的區(qū)別
Try對象: Try對象提供了一個很有趣的功能, 先看一下如下的代碼: 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對象提供了一個方法these, 這個方法接受一個函數(shù)類型的參數(shù)列表,然后輪流執(zhí)行這些函數(shù),當(dāng)其中一個函數(shù)沒有產(chǎn)生錯誤時,就停止執(zhí)行,并且返回這個函數(shù)返回的值,自己慢慢體會吧 PeriodicalExecuter(周期性執(zhí)行器)對象 這個對象是對setInterval方法的簡單封裝,使用方法如下 var a=new PeriodicalExecuter(callback, frequency) //callback: 執(zhí)行的函數(shù)名 frequency: 每次執(zhí)行的時間間隔 a.stop()
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方法,返回一個對象的字符串表示 Object.keys(object): 返回一個對象的所有屬性和方法名稱組成的數(shù)組, 例如Object.keys(document.body) Object.values(object):返回一個對象的所有屬性和方法的值組成的數(shù)組, 例如Object.values(docuement) Object.clone(object): 返回一個對象的clone版本,其實(shí)是執(zhí)行Object.extent方法把object中的方法屬性copy到一個新對象中,然后返回這個對象
函數(shù)邦定: 定義了Function對象的兩個方法,bind和bindAsEventListener,這兩個方法是一個函數(shù)的兩個方法,對于java、c#程序員來說,看到這個也許感到很驚訝,因?yàn)樵谒麄兛磥砗瘮?shù)只是一個程序語句組織結(jié)構(gòu)而已--->怎么還有方法,而且還可以擴(kuò)展? 這也是javascript等腳本語言相對于java等一個非常強(qiáng)大的功能,函數(shù)也是一個對象,函數(shù)名就是這個對象的名稱,只要你愿意,你也可以使用new Function(...)來定義函數(shù),所以為函數(shù)定義方法也就很正常不過了 這兩個函數(shù)的主要作用是為了解決使用javascript面向?qū)ο箫L(fēng)格編程中this的引用問題,在javasctipt中this關(guān)鍵字始終指向調(diào)用該函數(shù)的對象或者指向使用call,apply方法指定的對象(具體這方面的知識可以自己google一下,以下系列對prototype的介紹也假設(shè)讀者對javascript語言比較熟悉了,如果不熟悉可以找本javascript權(quán)威指南這本書看看) 要理解這個問題首先要理解 始終指向 這個問題,就是this這個關(guān)鍵字比較特殊,不能把他當(dāng)成一般的變量名看待,最常見的一個錯誤就是在返回函數(shù)的調(diào)用中使用this,例如return function(){this.aMethod()}, 當(dāng)你下次調(diào)用這個返回的匿名方法時,這個this引用的內(nèi)容又指向了調(diào)用這個函數(shù)的對象了,記住的一點(diǎn)的this是個關(guān)鍵字,不是變量名,不會產(chǎn)生閉包 對Number的擴(kuò)展(注意num也可以看成對象,其實(shí)是在使用的時候系統(tǒ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到這個數(shù)字輪流調(diào)用一個函數(shù), 例如function a(n){docuement.write(n)}, 10.times(a), 將顯示012345678910, 注意函數(shù)也是一個對象,而且與其他對象并沒有實(shí)質(zhì)的區(qū)別
Try對象: Try對象提供了一個很有趣的功能, 先看一下如下的代碼: 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對象提供了一個方法these, 這個方法接受一個函數(shù)類型的參數(shù)列表,然后輪流執(zhí)行這些函數(shù),當(dāng)其中一個函數(shù)沒有產(chǎn)生錯誤時,就停止執(zhí)行,并且返回這個函數(shù)返回的值,自己慢慢體會吧 PeriodicalExecuter(周期性執(zhí)行器)對象 這個對象是對setInterval方法的簡單封裝,使用方法如下 var a=new PeriodicalExecuter(callback, frequency) //callback: 執(zhí)行的函數(shù)名 frequency: 每次執(zhí)行的時間間隔 a.stop()
您可能感興趣的文章:
- js中繼承的幾種用法總結(jié)(apply,call,prototype)
- js的2種繼承方式詳解
- 實(shí)現(xiàn)JavaScript中繼承的三種方式
- JavaScript是如何實(shí)現(xiàn)繼承的(六種方式)
- 前端開發(fā)必須知道的JS之原型和繼承
- JS繼承--原型鏈繼承和類式繼承
- Extjs學(xué)習(xí)筆記之八 繼承和事件基礎(chǔ)
- Javascript 繼承機(jī)制的實(shí)現(xiàn)
- js實(shí)現(xiàn)繼承的5種方式
- javascript的函數(shù)、創(chuàng)建對象、封裝、屬性和方法、繼承
- 深入理解JavaScript是如何實(shí)現(xiàn)繼承的
- 用JavaScript實(shí)現(xiàn)單繼承和多繼承的簡單方法
- JS仿Base.js實(shí)現(xiàn)的繼承示例
相關(guān)文章
Prototype 工具函數(shù) 學(xué)習(xí)
Prototype學(xué)習(xí)工具函數(shù)$H,$R,Try.these,document.getElementsByClassName2009-07-07
prototype Element學(xué)習(xí)筆記(篇二)
這一篇主要是要總論Element的所有函數(shù)。2008-10-10
Prototype1.5 rc2版指南最后一篇之Position
Prototype1.5 rc2版指南最后一篇之Position...2007-01-01
prototype Element學(xué)習(xí)筆記(Element篇三)
上一篇把Element的所函數(shù)都梳理了一遍,下面總結(jié)一下這些函數(shù)的功能,畢竟函數(shù)太多,不分門別類一下還是沒有底。2008-10-10
Prototype ObjectRange對象學(xué)習(xí)
ObjectRange對象基本就是實(shí)現(xiàn)了連續(xù)的數(shù)字或者字符串,其中只包含一個方法,include,判斷某個數(shù)字或者字符串是否在ObjectRange里。并且ObjectRange對象還混入了Enumerable的方法,所以可以直接在ObjectRange對象上調(diào)用Enumerable對象里面的方法。2009-07-07
prototype 1.5 & scriptaculous 1.6.1 學(xué)習(xí)筆記
prototype 1.5 & scriptaculous 1.6.1 學(xué)習(xí)筆記...2006-09-09
使用prototype.js 的時候應(yīng)該特別注意的幾個問題.
使用prototype.js 的時候應(yīng)該特別注意的幾個問題....2007-04-04

