實(shí)現(xiàn)JavaScript中繼承的三種方式

2024-05-06 14:13:29

字體：大中小

供稿：網(wǎng)友

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

　　通過對象Child的prototype屬性指向父對象Parent的實(shí)例，使Child對象實(shí)例能通過原型鏈訪問到父對象構(gòu)造所定義的屬性、方法等。
　　構(gòu)造通過原型鏈鏈接了父級對象，是否就意味著完成了對象的繼承了呢？答案是否定的。如：
代碼如下:
function Parent(){}
function Child(){}
Child.prototype = new Parent();
var child = new Child();
alert(child.constructor);//function Parent(){}
alert(child instanceof Child);//true

　　盡管child依然可以作為Child的實(shí)例使用，但此時(shí)已經(jīng)丟失了實(shí)例child原有的對象構(gòu)造信息。彌補(bǔ)該缺陷的方法如下：
代碼如下:
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”所示，通過顯示地指定對象構(gòu)造Child的原型，強(qiáng)制所有的Child對象實(shí)例的構(gòu)造都為Child。
二、使用apply、call方法
　　由于JavaScript內(nèi)置的Function對象的apply、call方法改變對象構(gòu)造中“this”的上下文環(huán)境，使特定的對象實(shí)例具有對象構(gòu)造中所定義的屬性、方法。
　　使用apply、call繼承，在實(shí)際開發(fā)中操作HTML頁面上的DOM對象時(shí)尤為常用。如：
代碼如下:
　　<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方法內(nèi)部的this上下文表示為DOM對象“<div id="extend">apply,call繼承</div>”。
　　值得注意的是，當(dāng)使用apply、call時(shí)，會直接執(zhí)行對象構(gòu)造所定義的代碼段，如：
代碼如下:
　　<script language="javascript">
　　function testExec()
　　{
　　　　 alert("執(zhí)行！");
　　}
　　testExec.call(null);//彈出execute對話框
　　testExec.apply(null);//彈出execute對話框
　　</script>

三、對象實(shí)例間的繼承
　　JavaScript對象的多態(tài)性，允許實(shí)例動態(tài)地添加屬性、方法。該特性造就了JavaScript中的另一種繼承手法——對象實(shí)例間的繼承。如：
代碼如下:
　　var Person = {name:"nathena",age:"26"};
　　var nathena = {sex:"male"};
　　(function inlineExtends(so,po)

上一篇：簡單的加密css地址防止別人下載你的CSS文件的方法

下一篇：JavaScript Array擴(kuò)展實(shí)現(xiàn)代碼