<del id="wmoi8"></del>

<strike id="wmoi8"></strike>

<strike id="wmoi8"></strike>

JavaScript原型和繼承

CodeSheep 發(fā)布于2019-08-21 10:41 / 3003人閱讀

摘要：在默認(rèn)情況下，原型對(duì)象都會(huì)自動(dòng)獲得一個(gè)構(gòu)造函數(shù)屬性，這個(gè)屬性包含包含一個(gè)指向?qū)傩运诤瘮?shù)的指針。此外這里被重寫了，指向了看圖這個(gè)搜索的過程搜索實(shí)例搜索搜索搜索總是一步步向前到原型鏈末端停止

《JavaScript高級(jí)程序設(shè)計(jì) 第三版》學(xué)習(xí)筆記
Object-Oriented 有一個(gè)標(biāo)志，就是都有類的概念，通過類來創(chuàng)建多個(gè)具有相同屬性和方法的對(duì)象。而對(duì)于 EMCAScript中沒有類的概念，ECMA-262把對(duì)象定義為
”無序?qū)傩缘募希搶傩钥梢园魏位局担瑢?duì)象或者函數(shù)。“

原型模式

每個(gè)函數(shù)都有一個(gè)prototype(原型)屬性

這個(gè)屬性都有一個(gè)指針，指向一個(gè)對(duì)象

這個(gè)對(duì)象包含由特定類型所有實(shí)例共享的屬性和方法

使用原型的好處是可以讓所有對(duì)象實(shí)例共享它包含的方法和屬性

通過in操作符和hasOwnProperty來判斷給定屬性是來自于原型還是實(shí)例
in- true 代表屬性在對(duì)象中存在來自實(shí)例或者來自原型
hasOwnProperty- true代表屬性來自于實(shí)例是實(shí)例屬性

繼承

ECMAScript中只支持實(shí)現(xiàn)繼承，而且是通過原型鏈的方式來實(shí)現(xiàn)的

理解原型對(duì)象
是這樣的
當(dāng)我們創(chuàng)建一個(gè)新函數(shù)的時(shí)候，會(huì)根據(jù)一組特定的規(guī)則為該函數(shù)創(chuàng)建一個(gè)prototype屬性，這個(gè)prototype屬性指向函數(shù)的原型對(duì)象。在默認(rèn)情況下，原型對(duì)象都會(huì)自動(dòng)獲得一個(gè)constructor(構(gòu)造函數(shù))屬性，這個(gè)屬性包含包含一個(gè)指向prototype屬性所在函數(shù)的指針。
所以關(guān)系就是
比如有一個(gè)Person的對(duì)象
Person.prototype => 原型對(duì)象
原型對(duì)象.constructor => Person
即 Person.prototype.constructor == Person
見下圖關(guān)系

將原型鏈作為實(shí)現(xiàn)繼承的主要方法，基本思想是利用原型讓一個(gè)引用類型繼承另一個(gè)引用類型的屬性和方法。
demo代碼

function SuperType(){
    this.property = true;
}
SuperType.prototype.getSuperValue = function(){
    return this.property;
}

function SubType(){
    this.subproperty = false;
}
//SubType.prototype = new SuperType();
SubType.prototype.getSubValue = function(){
    return this.subproperty;
}

// 繼承SuperType 就指向了SuperType的原型對(duì)象了
SubType.prototype = new SuperType();
var instance = new SubType();
alert(instance.getSuperValue()); // true
alert(instance.property); //true

如果把SubType中的subproperty改成property會(huì)是怎么樣呢 都會(huì)變成false

demo圖解

備注：
之所以 SuperType中property屬性會(huì)出現(xiàn)在，SubType.prototype中，是因?yàn)閜roperty是一個(gè)實(shí)例屬性，而SubType.prototype是SuperType的一個(gè)實(shí)例對(duì)象，所以property屬性會(huì)出現(xiàn)在SubType.prototype中，但是這個(gè)property相對(duì)于instance(SubType的一個(gè)實(shí)例)卻又是一個(gè)原型屬性，所以如果將subproperty換成property的話，在return this.property時(shí)，優(yōu)先找到實(shí)例屬性中有這么一個(gè)屬性，就會(huì)返回實(shí)例屬性。
此外這里SubType.prototype.constructor 被重寫了，instance.constructor指向了SuperType 看圖
instance.getSuperValue() 這個(gè)搜索的過程
1) 搜索實(shí)例
2) 搜索SubType.prototype
3) 搜索SuperType.prototype
搜索總是一步步向前到原型鏈末端停止(Object)