javascript 原型模式實(shí)現(xiàn)OOP的再研究
2024-05-06 14:15:43
供稿：網(wǎng)友
代碼如下:
代碼如下:
function A()
{
this.v1 = 10;
}
A.prototype.print = function()
{
alert(this.v1);
}
function B()
{
}
B.prototype = new A();
new B().print();
運(yùn)行這段代碼輸出是10，看起來(lái)好像是類(lèi)B繼承了類(lèi)A的方法print，并產(chǎn)生了正確的輸出，實(shí)際上的執(zhí)行流程是在類(lèi)B生成的對(duì)象中，不能直接得到方法print，于是在它的prototype屬性中查找對(duì)應(yīng)的方法，這個(gè)方案的出發(fā)點(diǎn)很好，類(lèi)B中存在就調(diào)用類(lèi)B的，否則調(diào)用它的prototype屬性(類(lèi)A)中的同名方法。然而有時(shí)候我們需要子類(lèi)的方法調(diào)用父類(lèi)同名的方法，比如類(lèi)B改為
代碼如下:
function B()
{
this.v2 = 15;
}
B.prototype = new A();
B.prototype.print = function()
{
this.prototype.print.call(this);
alert(this.v2);
}
new B().print();
其中，this.prototype.print就是類(lèi)A對(duì)應(yīng)的print方法，輸出是10和15，好像解決了問(wèn)題，實(shí)際上不然，我們?cè)倮^承一層
代碼如下:
function C()
{
this.v3 = 20;
}
C.prototype = new B();
C.prototype.print = function()
{
this.prototype.print.call(this);
alert(this.v3);
}
new C().print();
我們期待的輸出依次是10, 15, 20， 但是很不幸，這樣寫(xiě)的結(jié)果是系統(tǒng)會(huì)陷入死循環(huán)
因?yàn)樵趫?zhí)行這個(gè)方法時(shí),
代碼如下:
C.prototype.print = function()
{
this.prototype.print.call(this);
alert(this.v3);
}
將會(huì)循環(huán)的調(diào)用以下方法，直到堆棧溢出
代碼如下:
B.prototype.print = function()
{
this.prototype.print.call(this);
alert(this.v2);
}
正確的寫(xiě)法此時(shí)應(yīng)該變?yōu)?
代碼如下:
B.prototype.print = function()
{
A.prototype.print.call(this);
alert(this.v3);
}
C.prototype.print = function()
{
B.prototype.print.call(this);
alert(this.v3);
}
但是在繼承關(guān)系發(fā)生了改變的情況下，需要改動(dòng)相當(dāng)多的對(duì)父類(lèi)的引用，這也不是最佳的辦法，在實(shí)際應(yīng)用中，可以考慮使用_super來(lái)代替父類(lèi)的名稱(chēng)，_this來(lái)代替自身的名稱(chēng)，然后用一個(gè)標(biāo)準(zhǔn)的方法將他們替換成[super].prototype或者[this].prototype，從而沒(méi)有歧義的調(diào)用指定的方法，這才是javascript的OOP的真正解決方案，相關(guān)的代碼如下：
代碼如下:
/*
在使用OOP繼承體系時(shí), 首先要定義類(lèi), 最后執(zhí)行extendsOf初始化類(lèi), 使用_super引用父類(lèi), 如, 使用_this引用本身的方法,
例如:
function Extend2()
{
_super();
}
Extend2.prototype.setValue = function(value)
{
_super.setValue(value);
alert("Extend2:" + value);
}
Extend2.extendsOf(Extend1);
類(lèi)繼承樹(shù)的根為Object. 注意: 所有使用了轉(zhuǎn)義的成員函數(shù)都必須定義在extendsOf方法調(diào)用之前.
對(duì)象可以設(shè)定一個(gè)自動(dòng)運(yùn)行的初始化代碼, 以下劃線(xiàn)開(kāi)頭, 名稱(chēng)與對(duì)象名稱(chēng)相同, 如
