快捷導(dǎo)航

JScript中的prototype(原型)屬性研究

更新時(shí)間：2010年04月09日 14:20:09 作者：

我們知道JScript中對(duì)象的prototype屬性，是用來(lái)返回對(duì)象類型原型的引用的。

上次的文章中我羅列了一下prototype屬性在JScript中的各種用法，但是prototype這個(gè)東西卻不是JScript創(chuàng)造出來(lái)的，JScript實(shí)際上是使用了我們?cè)O(shè)計(jì)模式中prototype pattern的一種衍生形式。下面我先簡(jiǎn)單的說(shuō)一下prototype pattern，然后再來(lái)看到底JScript中的prototype是怎么回事?!
What's prototype pattern?
Specify the kinds of objects to create using a prototypical instance, and create new objects by copying this prototype.
用原型實(shí)例指定創(chuàng)建對(duì)象的種類，并且通過(guò)拷貝這些原型創(chuàng)建新的對(duì)象。
原型模式允許一個(gè)對(duì)象再創(chuàng)建另外一個(gè)可定制的對(duì)象，根本無(wú)需知道任何如何創(chuàng)建的細(xì)節(jié)，工作原理是：通過(guò)將一個(gè)原型對(duì)象傳給那個(gè)要發(fā)動(dòng)創(chuàng)建的對(duì)象，這個(gè)要發(fā)動(dòng)創(chuàng)建的對(duì)象通過(guò)請(qǐng)求原型對(duì)象拷貝它們自己來(lái)實(shí)施創(chuàng)建。
繼續(xù)了解到底什么是prototype pattern，可以參看'設(shè)計(jì)模式之Prototype(原型)'這篇文章，即使不懂Java也沒有關(guān)系，把它的代碼都當(dāng)C#看就行了。
搞清楚什么是原型了吧？反正記著一點(diǎn)，prototype pattern是的實(shí)現(xiàn)是依賴于clone這個(gè)操作的，當(dāng)然要shallow copy還是deep copy的clone看自己的需要了。
下面我們繼續(xù)說(shuō)JScript里的prototype，為什么我們說(shuō)它和prototype pattern里的prototype不一樣呢?! 這個(gè)不是我說(shuō)就說(shuō)出來(lái)的，也不是我吹出來(lái)的，看看這個(gè)示例，你就能大概糊涂：

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
function RP() 
{ 
RP.PropertyA = 1; 
RP.MethodA = function() 
{ 
alert("RP.MethodA "); 
}; 
this.PropertyA = 100; 
this.MethodA = function() 
{ 
alert("this.MethodA"); 
}; 
} 
RP.prototype.PropertyA = 10; 
RP.prototype.MethodA = function() 
{ 
alert("RP.prototype.MethodA"); 
}; 
</script> 

不要著急，還沒有開始做示例，只是給出了我們用來(lái)演示的一個(gè)類。RP是什么？rpwt嗎？當(dāng)然不是了，RP是ResearchPrototype了。好了不廢話了，看示例及結(jié)果分析。

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
rp = new RP(); 
alert(RP.PropertyA); 
RP.MethodA(); 
alert(rp.PropertyA); 
rp.MethodA(); 
</script> 

運(yùn)行結(jié)果閃亮登場(chǎng)：
1
RP.MethodA
100
this.MethodA
這個(gè)%$@#^$%&^...，不要著急，繼續(xù)看哦！

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
rp = new RP(); 
delete RP.PropertyA; 
alert(RP.PropertyA); 
delete RP.MethodA; 
RP.MethodA(); 
delete rp.PropertyA; 
alert(rp.PropertyA); 
delete rp.MethodA; 
rp.MethodA(); 
</script> 

運(yùn)行結(jié)果再次登場(chǎng)：
undefined
A Runtime Error has occurred.
Do you wish to Debug?
Line: 32
Error: Object doesn't support this property or method
10
RP.prototype.MethodA
好玩吧，看出來(lái)什么名堂了嗎？這里的RP.PropertyA和RP.MethodA只是用來(lái)做參照的，可是怎么把this.PropertyA和this.MethodA都delete了，還能出來(lái)結(jié)果，而且還是prototype導(dǎo)入的屬性和方法呢？
這就是JScript的prototype和prototype pattern中prototype最大的不同了，JScript中的這個(gè)所謂的prototype屬性其實(shí)是個(gè)語(yǔ)言本身支持的特性，這里沒有發(fā)生任何的copy，不管shallow還是deep的。對(duì)于JScript的解釋引擎，它在處理"."或"[keyName]"引用的對(duì)象的屬性和方法時(shí)，先在對(duì)象本身的實(shí)例(this)中查找，如果找到就返回或執(zhí)行。如果沒有查找到，就查找對(duì)象的prototype(this.constructor.prototype)里是否定義了被查找的對(duì)象和方法，如果找到就返回或執(zhí)行，如果沒有查找到，就返回undefined(對(duì)于屬性)或runtime error(對(duì)于方法)。
正因?yàn)閜rototype導(dǎo)入類實(shí)例的屬性或方法是動(dòng)態(tài)查找的，所以我們才能對(duì)系統(tǒng)內(nèi)部對(duì)象添加prototype屬性和方法，比如給String對(duì)象添加trim方法：

復(fù)制代碼代碼如下:

 
<script lanuage="javascript"> 
String.prototype.trim() 
{ 
return this.replace(/(^\s+)|(\s+$)/g, ""); 
} 
</scritp> 

顯然JScript中的這種用法也是prototype pattern中的prototype不能解釋和支持的。
這下對(duì)于JScript OOP中原型繼承法的理解因該沒有任何的障礙了吧？同時(shí)也應(yīng)該明白為什么原型繼承法有那么大的天生缺陷了吧？當(dāng)然如果有任何問(wèn)題，歡迎繼續(xù)討論。
附演示示例源代碼：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章: