亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

詳述JavaScript實現繼承的幾種方式(推薦)

2019-11-20 10:21:41
字體:
來源:轉載
供稿:網友

ECMAScript只支持實現繼承,而且其實現繼承主要是依靠原型鏈來實現的。

原型鏈

原型鏈的基本思想是利用原型讓一個引用類型繼承另一個引用類型的屬性和方法。每一個構造函數都有一個原型對象,原型對象都包含一個指向構造函數的指針,而實例都包含一個指向原型對象的指針。如果:我們讓原型對象A等于另一個類型B的實例,那么原型對象A就會有一個指針指向B的原型對象,相應的B的原型對象中保存著指向其構造函數的指針。假如B的原型對象又是另一個類型的實例,那么上述的關系依舊成立,如此層層遞進,就構成了實例與原型的鏈條。

這里寫圖片描述 

實例以及構造函數和原型之間的關系圖如下所示:

這里寫圖片描述 

person.constructor現在指向的是Parent,這是因為Child.prototype指向了Parent的原型,而Parent原型對象的constructor指向Parent。

當以讀取模式訪問一個實例屬性時,首先會在實例中搜索該屬性,如果沒有找到該屬性,則會繼續搜索實例的原型。在通過原型鏈實現的集成中,搜索過程就會沿著原型鏈繼續向上,直到搜索到原型鏈的末端。

例如,調用person.getParentValue()方法,1)搜索實例;2)搜索Child.prototype;3)搜索Parent.prototype;找到了getParentValue()方法停止。

1、默認的原型

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

這里寫圖片描述 

2、確定原型和實例的關系

通過兩種方式可以確定原型和實例之間的關系,第一種是使用instanceOf操作符,第二種是使用isPrototypeOf()方法。
實例 instanceOf 原型鏈 中出現過的構造函數,都會返回true

console.log(person instanceOf Child);//true console.log(person instanceOf Parent);//true console.log(person instanceOf Object);//true isPrototype(),只要是原型鏈中出現過的原型,都可以說是該原型鏈所派生出來的實例的原型,因此也返回true. console.log(Object.prototype.isPrototypeOf(instance));//true console.log(Parent.prototype.isPrototypeOf(instance));//true console.log(Child.prototype.isPrototypeOf(instance));//true 

3、謹慎地定義方法

子類型有時候需要覆蓋超類型中的某個方法,或者需要添加超類型中不存在的莫個方法,注意:給原型添加方法的代碼一定要放在替換原型的語句之后。

當通過Child的實例調用getParentValue()時,調用的是這個重新定義過的方法,但是通過Parent的實例調用getParentValue()時,調用的還是原來的方法。

格外需要注意的是:必須要在Parent的實例替換原型之后,再定義這兩個方法。

還有一點需要特別注意的是:通過原型鏈實現繼承時,不能使用對象字面量創建原型方法,因為這樣做會重寫原型鏈。

這里寫圖片描述 

以上代碼剛把Parent的實例賦值給Child的原型對象,緊接著又將原型替換成一個字面量,替換成字面量之后,Child原型實際上包含的是一個Object的實例,而不再是Parent的實例,因此我們設想中的原型鏈被切斷.Parent和Child之間沒有任何關聯。

4、原型鏈的問題

原型鏈很強大,可以利用它來實現繼承,但是也有一些問題,主要的問題還是包含引用類型值的原型屬性會被所有實例共享。因此我們在構造函數中定義實例屬性。但是在通過原型來實現繼承時,原型對象其實變成了另一個類型的實例。于是原先定義在構造函數中的實例屬性變成了原型屬性了。

舉例說明如下:

這里寫圖片描述 

在Parent構造函數中定義了一個friends屬性,該屬性值是一個數組(引用類型值)。這樣,Parent的每個實例都會各自包含自己的friends屬性。當Child通過原型鏈繼承了Parent之后,Child.prototype也用用了friends屬性――這就好像friends屬性是定義在Child.prototype一樣。這樣Child的所有實例都會共享這個friends屬性,因此我們對kid1.friends做的修改,在kid2.friends中也會體現出來,顯然,這不是我們想要的。

原型鏈的另一個問題是:在創建子類型的實例時,不能在不影響所有對象實例的情況下,給超類型的構造函數傳遞參數。因此,我們通常很少會單獨使用原型鏈。

借用構造函數

為了解決原型中包含引用類型值帶來的一些問題,引入了借用構造函數的技術。這種技術的基礎思想是:在子類型構造函數的內部調用超類型構造函數。

這里寫圖片描述 

Parent.call(this)在新創建的Child實例的環境下調用了Parent構造函數。在新創建的Child實例環境下調用Parent構造函數。這樣,就在新的Child對象上,此處的kid1和kid2對象上執行Parent()函數中定義的對象初始化代碼。這樣,每個Child實例就都會具有自己的friends屬性的副本了。

借用構造函數的方式可以在子類型的構造函數中向超類型構造函數傳遞參數。

這里寫圖片描述 

為了確保子類型的熟悉不會被父類的構造函數重寫,可以在調用父類構造函數之后,再添加子類型的屬性。
構造函數的問題:

構造函數模式的問題,在于方法都在構造函數中定義,函數復用無從談起,因此,借用構造函數的模式也很少單獨使用。

組合繼承

組合繼承指的是將原型鏈和借用構造函數的技術組合在一塊,從而發揮二者之長。即:使用原型鏈實現對原型屬性和方法的繼承,而通過借用構造函數來實現對實例屬性的繼承。

這里寫圖片描述 

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

最后,關于JS對象和繼承都還有幾種模式沒有寫,或者說,我自己也還未去深刻研究,但是,我想,首先將組合模式應用的游刃有余。并且,對于為何選用組合模式,知其然,知其所以然。

關于JavaScript實現繼承的幾種方式(推薦),小編就給大家介紹到這里,希望對大家有所幫助!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
色综合久久久久久中文网| 尤物tv国产一区| 久久免费视频在线| 91精品国产免费久久久久久| 91美女片黄在线观| 午夜精品久久久99热福利| 中文字幕少妇一区二区三区| 欧美另类极品videosbestfree| 2019精品视频| 97热在线精品视频在线观看| 国产精品成人av性教育| 亚洲97在线观看| 亚洲欧美日韩中文在线制服| 色噜噜久久综合伊人一本| 韩国美女主播一区| 欧美激情视频在线免费观看 欧美视频免费一| 亚洲片av在线| 成人xvideos免费视频| 九九精品视频在线| 萌白酱国产一区二区| 日韩中文字幕免费视频| 精品国产自在精品国产浪潮| 日韩亚洲精品视频| 国产精品扒开腿做爽爽爽视频| 日韩精品免费在线| 亚洲影院在线看| 亚洲一区亚洲二区亚洲三区| 亚洲精品中文字幕女同| 亚洲www永久成人夜色| 91精品国产高清久久久久久| 亚洲成人av中文字幕| 久久这里只有精品99| 国产亚洲免费的视频看| 成人妇女免费播放久久久| 国产99久久精品一区二区永久免费| 欧美一级片久久久久久久| 久久久人成影片一区二区三区观看| 精品一区二区三区三区| 日韩中文字幕在线视频| 亚洲天堂av综合网| 亚洲一区二区三区sesese| 中文字幕日韩在线播放| 国产精品网址在线| 亚洲成人精品av| 亚洲欧美日韩综合| 欧美日韩一区二区在线| 欧美成人在线免费视频| 91亚洲精品久久久久久久久久久久| 91理论片午午论夜理片久久| 久久久久久久香蕉网| 国产婷婷97碰碰久久人人蜜臀| 国产精品大片wwwwww| 欧美激情在线观看视频| 亚洲视频日韩精品| 国产精品色午夜在线观看| 91成人在线视频| 日韩大陆欧美高清视频区| 欧美日本亚洲视频| 97国产在线视频| 成人免费福利视频| 91精品国产免费久久久久久| 亚洲精选一区二区| 亚州精品天堂中文字幕| 成人xxxx视频| 6080yy精品一区二区三区| 国产日韩中文字幕| 日韩av观看网址| 中文字幕视频一区二区在线有码| 日本免费一区二区三区视频观看| 视频直播国产精品| 最近2019中文字幕第三页视频| 久久91超碰青草是什么| 国产欧美精品久久久| 97香蕉久久超级碰碰高清版| 亚洲精品欧美极品| 国产精品成av人在线视午夜片| 精品久久香蕉国产线看观看gif| 国内精品视频在线| 热99久久精品| 久久这里有精品| 92版电视剧仙鹤神针在线观看| 日本成熟性欧美| 国产精品白丝jk喷水视频一区| 亚洲成色777777女色窝| 91精品久久久久久久| 亲子乱一区二区三区电影| 色偷偷亚洲男人天堂| 亚洲三级av在线| 国产精品久久综合av爱欲tv| 日韩在线免费视频观看| 欧美夫妻性视频| 最新亚洲国产精品| 欧美极品在线视频| 色综合视频一区中文字幕| 亚洲人成五月天| 成人欧美在线视频| 亚洲欧美在线第一页| 欧美成人黑人xx视频免费观看| 精品一区二区三区三区| 久久影视电视剧免费网站清宫辞电视| 日韩精品免费在线播放| 国产大片精品免费永久看nba| 亚洲欧美中文另类| 亚洲欧洲av一区二区| 午夜美女久久久久爽久久| 欧美黑人性猛交| 欧美重口另类videos人妖| 精品无人国产偷自产在线| 1769国内精品视频在线播放| 欧美国产日韩xxxxx| 久久韩国免费视频| 正在播放亚洲1区| 欧美性猛交xxxx偷拍洗澡| 国产欧美一区二区| 国产日本欧美视频| 欧美精品少妇videofree| 国产一级揄自揄精品视频| 亚洲精品国产成人| 欧美电影免费观看网站| 日韩欧美精品中文字幕| 亚洲国产高清自拍| 日韩经典第一页| 久久99精品国产99久久6尤物| 91精品视频免费看| 亚洲美女av黄| 国产精品第2页| 日韩av色在线| 亚洲欧美日韩第一区| 中文字幕欧美精品在线| 中文字幕亚洲自拍| 久久久久久久一| 久久视频免费在线播放| 成人观看高清在线观看免费| 国产人妖伪娘一区91| 92福利视频午夜1000合集在线观看| 青青久久aⅴ北条麻妃| 538国产精品视频一区二区| 97国产精品人人爽人人做| 福利二区91精品bt7086| 91社影院在线观看| 九九视频这里只有精品| 午夜精品一区二区三区av| 亚洲成人a级网| 国自产精品手机在线观看视频| 4k岛国日韩精品**专区| 日韩中文字幕在线视频播放| 亚洲自拍偷拍区| 成人av在线天堂| 国产精品黄色av| 欧美最猛性xxxxx(亚洲精品)| 成人黄色短视频在线观看| 成人乱人伦精品视频在线观看| 久久久久久亚洲精品中文字幕| 欧美亚洲国产成人精品| 黑人巨大精品欧美一区免费视频| 日韩成人在线视频网站| 国产91露脸中文字幕在线| 国产精品久久久久久久美男| 欧美成人h版在线观看| 久久久国产精品视频| 欧洲永久精品大片ww免费漫画| 一区二区三区日韩在线| 在线丨暗呦小u女国产精品| 色阁综合伊人av|