關(guān)于繼承可以樸素的理解為，通過(guò)繼承，子類可以復(fù)用父類的方法，以達(dá)到代碼重用。JavaScript 可用多種方式模擬繼承，本文先舉例介紹各種方法，后對(duì)比分析優(yōu)缺點(diǎn)。

在 JavaScript 中，構(gòu)造函數(shù)也和普通的函數(shù)一樣，可以被賦值和調(diào)用，對(duì)象冒充通過(guò)此原理來(lái)模擬繼承。

            				
 Function ClassA(name) 
 { 
 this.name = name; 
 this.sayHello = function(){ 
 alert("Hello, " +  this.name); 
 } 
 } 
 Function ClassB(name，time) 
 { 
 this.newMethod = ClassA; 
 this.newMethod(name); 
 delete this.newMethod; 
 this.time = time; 
 this.sayGoodbye = function(){ 
 alert("Goodbye " + this.name + ",it's " + this.time + " now !"); 
 } 
 } 
 var objA = new ClassA("Tom"); 
 var objB = new ClassB("Jerry","11:30am"); 
 objA.sayHello(); // output is : "Hello,Tom"
 objB.sayHello(); // output is : "Hello,Jerry"
 objB.sayGoodbye();// output is : "Goodbye Jerry, it ’ s 11:30am now!"

          

如清單 1 所示，將 ClassA 的構(gòu)造函數(shù)賦值為 ClassB 的一個(gè)普通方法，然后調(diào)用它，由于此時(shí) this 指向的是 ClassB 的實(shí)例，那么 ClassB 的實(shí)例就會(huì)收到 ClassA 構(gòu)造函數(shù)中定義的屬性和方法，從而達(dá)到了繼承的效果。

需要注意的是，應(yīng)及時(shí)刪除臨時(shí)引用（this.newMethod），以防止 ClassB 更改 ClassA 類對(duì)象的引用。因?yàn)閷?duì)臨時(shí)引用（this.newMethod）的更改，也會(huì)導(dǎo)致 ClassA 的結(jié)構(gòu)變化。并且 ClassB 的所有新屬性和新方法，應(yīng)該在刪除臨時(shí)引用后定義，否則，可能會(huì)覆蓋父類的相關(guān)屬性和方法。

認(rèn)識(shí)到對(duì)象冒充的本質(zhì)后，可以采用 JavaScript 中的 call 或者 apply 函數(shù)達(dá)到同樣的效果，如清單 2 代碼所示。其原理也是在調(diào)用 ClassA 的構(gòu)造函數(shù)時(shí)，將 this 指向 ClassB 的實(shí)例。

            				
 Function ClassB(name,time) 
 { 
 ClassA.call(this，name); // 或者 ClassA.apply(this,[name]); 
 this.time = time; 
 this.sayGoodbye = function(){ 
 alert("Goodbye " + this.name + ",it's " + this.time + " now !"); 
 } 
 } 

          

JavaScript 中的每個(gè)對(duì)象都包含一個(gè)原型對(duì)象（prototype），指向?qū)δ硞€(gè)對(duì)象的引用，而由于原型對(duì)象本身也是對(duì)象，則也會(huì)包含對(duì)它的原型的引用，由此構(gòu)成一條原型鏈。原型鏈終止于內(nèi)建 Object 類的原型。當(dāng)要讀取某個(gè)對(duì)象的屬性或方法時(shí)，JavaScript 首先在該對(duì)象中查找，若沒(méi)有找到，便在該對(duì)象的原型中繼續(xù)查找，若仍未找到，便順著原型鏈繼續(xù)在原型的原型中查找，直到查找到或到達(dá)原型鏈的盡頭。這樣的系統(tǒng)被稱為原型繼承。而基于原型的繼承，則是指利用了 prototype 或者說(shuō)以某種方式覆蓋了 prototype，從而達(dá)到屬性及方法復(fù)用的目的。如下所示：

            				
 Function ClassA() 
 { 
 this.name = ""; 
 this.sayHello = function(){ 
 alert("Hello, " +  this.name); 
 } 
 } 
 Function ClassB(){}; 
 ClassB.prototype = new ClassA(); 
 var objB = new ClassB(); 
 objB.name = "Jerry"; 
 objB.sayHello(); //output: "Hello,Jerry"; 

          

示例代碼中將 ClassB 的 prototype 指向 ClassA 的實(shí)例，其原型鏈如圖 1 所示，這樣 ClassB 便擁有了 ClassA 所有的屬性和方法，可以自由的賦值和調(diào)用。

對(duì)象冒充和基于原型的方式都可以讓子類復(fù)用父類的代碼以模擬繼承，但這兩種方法均各有利弊。

利用對(duì)象冒充，可以方便的實(shí)現(xiàn)多繼承，只需要對(duì)所有需要繼承的父類重復(fù)進(jìn)行賦值流程便可。但這樣卻有著有明顯的性能缺陷，因?yàn)樵诶脤?duì)象冒充模擬繼承時(shí)，每個(gè)實(shí)例都會(huì)擁有一份父類成員變量和方法的副本，而成員方法只是一段對(duì)變量操作的可執(zhí)行文本區(qū)域而已，這段區(qū)域不用為每個(gè)實(shí)例復(fù)制一份，所有的實(shí)例均可共享，這就造成了對(duì)內(nèi)存資源的極度浪費(fèi)。并且對(duì)象冒充也無(wú)法繼承 prototype 域的變量和方法。

而基于原型的繼承則可以使子類擁有一條完整的原型鏈，并且所有子類實(shí)例的原型都指向同一引用，相對(duì)于對(duì)象冒充，可極大的節(jié)省內(nèi)存開銷。但基于原型繼承的缺陷也相當(dāng)明顯，就是父類的構(gòu)造函數(shù)不能有參數(shù)，因?yàn)閷?duì)子類 prototype 域的修改需在聲明子類對(duì)象之后才能進(jìn)行，而用子類構(gòu)造函數(shù)的參數(shù)去初始化父類構(gòu)造函數(shù)的屬性是無(wú)法實(shí)現(xiàn)的。

因此可以結(jié)合二者的優(yōu)點(diǎn)，采用混合的方式模擬繼承，即用對(duì)象冒充的方式給屬性賦值，用原型鏈的方式繼承方法，示例代碼如下：

            				
 Function ClassA(name){ 
 this.name = name; 
 } 
 ClassA.prototype.sayHello = function(){ 
 alert("Hello, " +  this.name); 
 } 
 Function ClassB(name，time){ 
 ClassA.call(this, name); 
 this.time = time; 
 } 
 ClassB.prototype = new ClassA(); 
 ClassB.prototype.sayGoodbye = function(){ 
 alert("Goodbye " + this.name + ",it's " + this.time + " now !"); 
 } 
 var objA = new  ClassA("Tom"); 
 var objB = new  ClassB("Jerry","11:30am"); 
 objA. sayHello();// output is: "Hello, Tom"
 objB.sayHello(); // output is: "Hello, Jerry"
 objB.sayGoodbye();//output is: "Goodbye Jerry,it ’ s 11:30am now !"

          

JavaScript 繼承方式