ECMAScript只支持實(shí)現(xiàn)繼承，而且其實(shí)現(xiàn)繼承主要是依靠原型鏈來(lái)實(shí)現(xiàn)的。

原型鏈

原型鏈的基本思想是利用原型讓一個(gè)引用類型繼承另一個(gè)引用類型的屬性和方法。每一個(gè)構(gòu)造函數(shù)都有一個(gè)原型對(duì)象，原型對(duì)象都包含一個(gè)指向構(gòu)造函數(shù)的指針，而實(shí)例都包含一個(gè)指向原型對(duì)象的指針。如果：我們讓原型對(duì)象A等于另一個(gè)類型B的實(shí)例，那么原型對(duì)象A就會(huì)有一個(gè)指針指向B的原型對(duì)象，相應(yīng)的B的原型對(duì)象中保存著指向其構(gòu)造函數(shù)的指針。假如B的原型對(duì)象又是另一個(gè)類型的實(shí)例，那么上述的關(guān)系依舊成立，如此層層遞進(jìn)，就構(gòu)成了實(shí)例與原型的鏈條。

實(shí)例以及構(gòu)造函數(shù)和原型之間的關(guān)系圖如下所示：

person.constructor現(xiàn)在指向的是Parent，這是因?yàn)镃hild.prototype指向了Parent的原型，而Parent原型對(duì)象的constructor指向Parent。

當(dāng)以讀取模式訪問(wèn)一個(gè)實(shí)例屬性時(shí)，首先會(huì)在實(shí)例中搜索該屬性，如果沒(méi)有找到該屬性，則會(huì)繼續(xù)搜索實(shí)例的原型。在通過(guò)原型鏈實(shí)現(xiàn)的集成中，搜索過(guò)程就會(huì)沿著原型鏈繼續(xù)向上，直到搜索到原型鏈的末端。

例如，調(diào)用person.getParentValue()方法，1）搜索實(shí)例；2）搜索Child.prototype;3)搜索Parent.prototype;找到了getParentValue()方法停止。

1、默認(rèn)的原型

前面的例子中展示的原型鏈少了一環(huán)，所有引用類型默認(rèn)都繼承了Object，而這個(gè)繼承也是通過(guò)原型鏈實(shí)現(xiàn)的。因此默認(rèn)的原型都包含一個(gè)內(nèi)部指針，指向Object.prototype,這也正是所有自定義類型會(huì)繼承toString()、ValueOf()等默認(rèn)方法的根本原因。換句話說(shuō)Object.prototype就是原型鏈的末端。

2、確定原型和實(shí)例的關(guān)系

通過(guò)兩種方式可以確定原型和實(shí)例之間的關(guān)系，第一種是使用instanceOf操作符，第二種是使用isPrototypeOf()方法。
實(shí)例 instanceOf 原型鏈 中出現(xiàn)過(guò)的構(gòu)造函數(shù)，都會(huì)返回true

console.log(person instanceOf Child);//true 

console.log(person instanceOf Parent);//true 
console.log(person instanceOf Object);//true 
isPrototype(),只要是原型鏈中出現(xiàn)過(guò)的原型，都可以說(shuō)是該原型鏈所派生出來(lái)的實(shí)例的原型，因此也返回true. 
console.log(Object.prototype.isPrototypeOf(instance));//true 
console.log(Parent.prototype.isPrototypeOf(instance));//true 
console.log(Child.prototype.isPrototypeOf(instance));//true 

3、謹(jǐn)慎地定義方法

子類型有時(shí)候需要覆蓋超類型中的某個(gè)方法，或者需要添加超類型中不存在的莫個(gè)方法，注意：給原型添加方法的代碼一定要放在替換原型的語(yǔ)句之后。

當(dāng)通過(guò)Child的實(shí)例調(diào)用getParentValue()時(shí)，調(diào)用的是這個(gè)重新定義過(guò)的方法，但是通過(guò)Parent的實(shí)例調(diào)用getParentValue()時(shí)，調(diào)用的還是原來(lái)的方法。

格外需要注意的是：必須要在Parent的實(shí)例替換原型之后，再定義這兩個(gè)方法。

還有一點(diǎn)需要特別注意的是：通過(guò)原型鏈實(shí)現(xiàn)繼承時(shí)，不能使用對(duì)象字面量創(chuàng)建原型方法，因?yàn)檫@樣做會(huì)重寫原型鏈。

以上代碼剛把Parent的實(shí)例賦值給Child的原型對(duì)象，緊接著又將原型替換成一個(gè)字面量，替換成字面量之后，Child原型實(shí)際上包含的是一個(gè)Object的實(shí)例，而不再是Parent的實(shí)例，因此我們?cè)O(shè)想中的原型鏈被切斷.Parent和Child之間沒(méi)有任何關(guān)聯(lián)。

4、原型鏈的問(wèn)題

原型鏈很強(qiáng)大，可以利用它來(lái)實(shí)現(xiàn)繼承，但是也有一些問(wèn)題，主要的問(wèn)題還是包含引用類型值的原型屬性會(huì)被所有實(shí)例共享。因此我們?cè)跇?gòu)造函數(shù)中定義實(shí)例屬性。但是在通過(guò)原型來(lái)實(shí)現(xiàn)繼承時(shí)，原型對(duì)象其實(shí)變成了另一個(gè)類型的實(shí)例。于是原先定義在構(gòu)造函數(shù)中的實(shí)例屬性變成了原型屬性了。

舉例說(shuō)明如下：

在Parent構(gòu)造函數(shù)中定義了一個(gè)friends屬性，該屬性值是一個(gè)數(shù)組（引用類型值）。這樣，Parent的每個(gè)實(shí)例都會(huì)各自包含自己的friends屬性。當(dāng)Child通過(guò)原型鏈繼承了Parent之后，Child.prototype也用用了friends屬性——這就好像friends屬性是定義在Child.prototype一樣。這樣Child的所有實(shí)例都會(huì)共享這個(gè)friends屬性，因此我們對(duì)kid1.friends做的修改，在kid2.friends中也會(huì)體現(xiàn)出來(lái)，顯然，這不是我們想要的。

原型鏈的另一個(gè)問(wèn)題是：在創(chuàng)建子類型的實(shí)例時(shí)，不能在不影響所有對(duì)象實(shí)例的情況下，給超類型的構(gòu)造函數(shù)傳遞參數(shù)。因此，我們通常很少會(huì)單獨(dú)使用原型鏈。

借用構(gòu)造函數(shù)

為了解決原型中包含引用類型值帶來(lái)的一些問(wèn)題，引入了借用構(gòu)造函數(shù)的技術(shù)。這種技術(shù)的基礎(chǔ)思想是：在子類型構(gòu)造函數(shù)的內(nèi)部調(diào)用超類型構(gòu)造函數(shù)。

Parent.call(this)在新創(chuàng)建的Child實(shí)例的環(huán)境下調(diào)用了Parent構(gòu)造函數(shù)。在新創(chuàng)建的Child實(shí)例環(huán)境下調(diào)用Parent構(gòu)造函數(shù)。這樣，就在新的Child對(duì)象上，此處的kid1和kid2對(duì)象上執(zhí)行Parent()函數(shù)中定義的對(duì)象初始化代碼。這樣，每個(gè)Child實(shí)例就都會(huì)具有自己的friends屬性的副本了。

借用構(gòu)造函數(shù)的方式可以在子類型的構(gòu)造函數(shù)中向超類型構(gòu)造函數(shù)傳遞參數(shù)。

為了確保子類型的熟悉不會(huì)被父類的構(gòu)造函數(shù)重寫，可以在調(diào)用父類構(gòu)造函數(shù)之后，再添加子類型的屬性。
構(gòu)造函數(shù)的問(wèn)題：

構(gòu)造函數(shù)模式的問(wèn)題，在于方法都在構(gòu)造函數(shù)中定義，函數(shù)復(fù)用無(wú)從談起，因此，借用構(gòu)造函數(shù)的模式也很少單獨(dú)使用。

組合繼承

組合繼承指的是將原型鏈和借用構(gòu)造函數(shù)的技術(shù)組合在一塊，從而發(fā)揮二者之長(zhǎng)。即：使用原型鏈實(shí)現(xiàn)對(duì)原型屬性和方法的繼承，而通過(guò)借用構(gòu)造函數(shù)來(lái)實(shí)現(xiàn)對(duì)實(shí)例屬性的繼承。

Person構(gòu)造函數(shù)定義了兩個(gè)屬性：name和friends。Person的原型定義了一個(gè)方法sayName()。Child構(gòu)造函數(shù)在調(diào)用Parent構(gòu)造函數(shù)時(shí)，傳入了name參數(shù)，緊接著又定義了自己的屬性age。然后將Person的實(shí)例賦值給Child的原型，然后又在該原型上定義了方法sayAge().這樣，兩個(gè)不同的Child實(shí)例既分別擁有自己的屬性,包括引用類型的屬性，又可以使用相同的方法了。
組合繼承避免了原型鏈和構(gòu)造函數(shù)的缺陷，融合了他們的有點(diǎn)，成為JavaScript中最常用的繼承模式。而且，instanceOf和isPropertyOf()也能夠識(shí)別基于組合繼承創(chuàng)建的對(duì)象。

最后，關(guān)于JS對(duì)象和繼承都還有幾種模式?jīng)]有寫，或者說(shuō)，我自己也還未去深刻研究，但是，我想，首先將組合模式應(yīng)用的游刃有余。并且，對(duì)于為何選用組合模式，知其然，知其所以然。

關(guān)于JavaScript實(shí)現(xiàn)繼承的幾種方式(推薦)，小編就給大家介紹到這里，希望對(duì)大家有所幫助！

最新評(píng)論