腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

Javascript無參數(shù)和有參數(shù)類繼承問題解決方法

更新時間：2015年03月02日 10:57:39 投稿：junjie

這篇文章主要介紹了Javascript無參數(shù)和有參數(shù)類繼承問題解決方法,本文講解了無參數(shù)類繼承的問題和有參類繼承的問題,并給出了解決方案,需要的朋友可以參考下

說到Javascript的類繼承，就必然離不開原型鏈，但只通過原型鏈實(shí)現(xiàn)的繼承有著不少缺陷。

無參數(shù)類繼承的問題

先看一段示例代碼，實(shí)現(xiàn)B繼承于A：

function A() {
}
A.prototype.a1 = function() { };

function B() {
}
B.prototype = new A();
B.prototype.b1 = function() { };

var b = new B();
alert(b.constructor == A); // true
alert(b.constructor == B); // false

這段代碼的主要問題是：

1.需要實(shí)例化A作為B的原型，此時就執(zhí)行了A的構(gòu)造函數(shù)。但按照面向?qū)ο蟮囊?guī)則，實(shí)例化B之前，B及其父類A的構(gòu)造函數(shù)都不應(yīng)該執(zhí)行。

2.更改了B的prototype，導(dǎo)致b.constructor不是B而是A。

有參類繼承的問題

假設(shè)A和B都有兩個字符串參數(shù)s1和s2，A中計算了兩段字符串的總長度，B直接以s1、s2為參數(shù)調(diào)用A：

function A(s1, s2) {
　　this.totalLength = s1.length + s2.length;
}
A.prototype.a1 = function() {　　
};

function B(s1, s2) {
}
B.prototype = new A();
B.prototype.b1 = function() {
};

new B("ab", "123");

可以看到，這段代碼中根本沒有辦法把s1和s2傳到A，而又因?yàn)閷?shí)例化A作為B的原型時沒有參數(shù)，所以出現(xiàn)了異常：

s1 is undefined

解決方案

s1和s2的作用域只在B內(nèi)，要把它們傳到A，就只能在B中操作，借助函數(shù)的apply方法就可以實(shí)現(xiàn)之：

function B(s1, s2) {

　　A.apply(this, arguments);

　　alert(this.totalLength);

}

接下來的問題就是如何把A的方法添加到B的原型中去。這也不難，只要遍歷A.prototype，把方法復(fù)制到B.prototype即可。要注意的是，對于同名的方法，自然是子類優(yōu)先（重載），因而不能覆蓋：

for (var m in A.prototype) {

　　if (!B.prototype[m]) {  // 父類不能覆蓋子類的方法

　　　　B.prototype[m] = A.prototype[m];

　　}

}

后記

考慮到C#、Java等高級語言都拋棄了多繼承，因此，本文所討論的也只是單繼承的情況。而本文所述的繼承方法，也會寫成jRaiser的一個擴(kuò)展，遲些發(fā)布。

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线