實現JavaScript中繼承的三種方式

一、原型鏈繼承
　　在原型鏈繼承方面，JavaScript與java、c#等語言類似，僅允許單父類繼承。prototype繼承的基本方式如下： 複製代碼 代碼如下:function Parent(){}
function Child(){}
Child.prototype = new Parent();

　　通過對象Child的prototype屬性指向父物件Parent的執行個體，使Child對象執行個體能通過原型鏈訪問到父物件構造所定義的屬性、方法等。
　　構造通過原型鏈連結了父級對象，是否就意味著完成了對象的繼承了呢？答案是否定的。如： 複製代碼 代碼如下:function Parent(){}
function Child(){}
Child.prototype = new Parent();
var child = new Child();
alert(child.constructor);//function Parent(){}
alert(child instanceof Child);//true

　　儘管child依然可以作為Child的執行個體使用，但此時已經丟失了執行個體child原有的物件建構資訊。彌補該缺陷的方法如下： 複製代碼 代碼如下:function Parent(){}
function Child(){}
Child.prototype = new Parent();
Child.prototype.constructor = Child;
var child = new Child();
alert(child.constructor);//function Parent(){}
alert(child instanceof Child);//true

　　如上程式碼片段“Child.prototype.constructor = Child”所示，通過顯示地指定物件建構Child的原型，強制所有的Child對象執行個體的構造都為Child。
二、使用apply、call方法
　　由於JavaScript內建的Function對象的apply、call方法改變物件建構中“this”的上下文環境，使特定的對象執行個體具有物件建構中所定義的屬性、方法。
　　使用apply、call繼承，在實際開發中操作HTML頁面上的DOM對象時尤為常用。如： 複製代碼 代碼如下:　　<div id="extend">apply,call繼承</div>
　　<script language="javascript">
　　function ext()
　　{
　　　　 this.onclick=function(){alert(this.innerHTML)}
　　}
　　ext.apply(document.getElementById("extend"));
　　ext.call(document.getElementById("extend"));
　　</script>

　　通過apply或call定義的ext方法，使ext方法內部的this上下文表示為DOM對象“<div id="extend">apply,call繼承</div>”。
　　值得注意的是，當使用apply、call時，會直接執行物件建構所定義的程式碼片段，如： 複製代碼 代碼如下:　　<script language="javascript">
　　function testExec()
　　{
　　　　 alert("執行！");
　　}
　　testExec.call(null);//彈出execute對話方塊
　　testExec.apply(null);//彈出execute對話方塊
　　</script>

三、對象執行個體間的繼承
　　JavaScript對象的多態性，允許執行個體動態地添加屬性、方法。該特性造就了JavaScript中的另一種繼承手法——對象執行個體間的繼承。如： 複製代碼 代碼如下:　　var Person = {name:"nathena",age:"26"};
　　var nathena = {sex:"male"};
　　(function inlineExtends(so,po)
　　{
　　　　for (var i in po)
　　　　{
　　　　　　if (so[i])//如果so也具有這個成員
　　　　　　　　continue;
　　　　　　so[i] = po[i];
　　　　}
　　})(nathena,Person);
　　alert(nathena.name);//返回nathana

　　如以上代碼所示，在對象的執行個體間繼承中，父物件Persong定義了“人”所具有的共同屬性name、age，子物件nathena定義了自己的私人屬性“sex”。函數inlineExtends的功能是，為子物件nathena複製父物件Person中定義的“人”所具有的共同屬性。
　　其中特別需要注意的語句是“if (so[i])”，此句確保了子物件原有的成員不被父物件中同名的成員所覆蓋，而違背物件導向中父子物件之間繼承的原則——子物件可以覆蓋、重載父物件的屬性或方法，父物件僅能對子物件隱藏自己的屬性或方法。