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

無(wú)參數(shù)類(lèi)繼承的問(wèn)題

先看一段示例代碼，實(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 

這段代碼的主要問(wèn) 題是：

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

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

有參類(lèi)繼承的問(wèn)題

假設(shè)A和B都有兩個(gè)字符串參數(shù)s1和s2，A中計(jì)算了兩段字符串的總長(zhǎng)度，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″); 

可以看到，這段代碼中根本沒(méi)有辦法把s1和s2傳到A，而又因?yàn)閷?shí)例化A作為B的原型時(shí)沒(méi)有 參數(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);  
} 

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

for (var m in A.prototype)   
{  
if (!B.prototype[m])   
{ // 父類(lèi)不能覆蓋子類(lèi)的方法  
B.prototype[m] = A.prototype[m];  
}  
} 

【編輯推薦】

1. Javascript面向?qū)ο缶幊蹋ǘ├^承
2. Javascript面向?qū)ο缶幊蹋ㄈ┓呛瘮?shù)對(duì)象的繼承
3. JavaScript對(duì)象及繼承教程之內(nèi)置對(duì)象
4. 一個(gè)字概括：繼承了責(zé)任感
5. 8.3.3 配置文件的繼承層次結(jié)構(gòu)