快捷導(dǎo)航

簡(jiǎn)單談?wù)刯avascript代碼復(fù)用模式

更新時(shí)間：2015年01月28日 16:19:39 投稿：hebedich

這篇文章主要簡(jiǎn)單談?wù)刯avascript代碼復(fù)用模式，主要詳細(xì)介紹了類(lèi)式繼承模式中的默認(rèn)模式，希望大家能夠喜歡。

代碼復(fù)用有一個(gè)著名的原則，是GoF提出的：優(yōu)先使用對(duì)象組合，而不是類(lèi)繼承。在javascript中，并沒(méi)有類(lèi)的概念，所以代碼的復(fù)用，也并不局限于類(lèi)式繼承。javascript中創(chuàng)建對(duì)象的方法很多，有構(gòu)造函數(shù)，可以使用new創(chuàng)建對(duì)象，并且可以動(dòng)態(tài)的修改對(duì)象。javascript的非類(lèi)式繼承（可稱(chēng)為現(xiàn)代繼承模式）復(fù)用方法也很多，例如，利用其它對(duì)象組合成所需要的對(duì)象，對(duì)象混入技術(shù)，借用和復(fù)用所需要的方法。

類(lèi)式繼承模式-默認(rèn)模式

兩個(gè)構(gòu)造函數(shù)Parent和Child的例子：

復(fù)制代碼代碼如下:

function Parent(name){

this.name = name||"Adam";

}

Parent.prototype.say = {

return this.name;

};

function Child(name){

}

inherit(Child,Parent);

下面是可復(fù)用繼承函數(shù)inherit()的一種實(shí)現(xiàn)方法：

復(fù)制代碼代碼如下:

function inherit(C,P){

C.prototype = new P();

}

這里原型屬性應(yīng)該指向一個(gè)對(duì)象，而不是一個(gè)函數(shù)，因此他必須指向一個(gè)由父構(gòu)造函數(shù)所創(chuàng)建的實(shí)例，而不是指向構(gòu)造函數(shù)本身。

在這之后，創(chuàng)建Child對(duì)象時(shí)，會(huì)通過(guò)原型從Parent實(shí)例獲得他的功能：

復(fù)制代碼代碼如下:

var kid =new Child();

kid.say();//"Adam"

調(diào)用繼承之后的原型鏈：

進(jìn)一步添加kid的屬性：

復(fù)制代碼代碼如下:

var kid = new Child();

kid.name = "Patrick";

kid.say();//"Patrick"

原型鏈的變化情況：

可以在自己對(duì)象屬性里面找到name,就不用再去查找原型鏈了。

使用上述模式的缺點(diǎn)，其中一個(gè)缺點(diǎn)是同時(shí)繼承了兩個(gè)對(duì)象的屬性，即添加到this的屬性及原型屬性。大多數(shù)時(shí)候，不需要自身的這些屬性。

另外一個(gè)缺點(diǎn)，使用inherit()繼承不支持將參數(shù)傳遞給子構(gòu)造函數(shù)中，例如：

復(fù)制代碼代碼如下:

var s = new Child("Seth");

s.say();//"Adam"

這個(gè)結(jié)果并不是期望的，雖然子構(gòu)造函數(shù)可以將參數(shù)傳遞到父構(gòu)造函數(shù)中，但是這樣每次需要一個(gè)子對(duì)象時(shí)，都必須重新執(zhí)行這種繼承機(jī)制，而且效率低下，原因是最終會(huì)重新創(chuàng)建父對(duì)象。

本文就先到這里了，后續(xù)我們將持續(xù)更新javascript代碼復(fù)用模式的其余幾種模式。

您可能感興趣的文章: