基于阮一峰5種繼承方式的總結

douzifly 發(fā)布于2019-08-20 14:30 / 1209人閱讀

摘要：前兩天學習繼承的時候搜到了阮大神寫的一篇文章主要講了種構造函數(shù)繼承方式我寫此篇文章主要是為了總結學習所得父構造器子構造器是子構造器出來的對象只能繼承父構造器中的屬性代表繼承屬性和方法第一種叫構造函數(shù)綁定此種繼承方式只能繼承父構造器中的屬性不

前兩天學習JS繼承的時候,搜到了阮大神寫的一篇文章http://www.ruanyifeng.com/blo...
主要講了5種構造函數(shù)繼承方式.我寫此篇文章主要是為了總結學習所得.

父構造器Animal,子構造器Cat,cat是子構造器new出來的對象,"只能繼承父構造器中的屬性" 代表繼承屬性和方法.

第一種叫構造函數(shù)綁定:
此種繼承方式只能繼承父構造器中的屬性,不能繼承父構造器原型上的屬性.Animal.apply(this, arguments)也可用Animal.call(this)替換.cat對象有兩個層級,第一級存放著自有屬性以及父構造器中的屬性,第二級存放著自己函數(shù)原型上的屬性(Cat.prototype)

第二種叫prototype模式:
此種繼承方式既能繼承父構造器中的屬性,也能繼承父構造器原型上的屬性.cat對象有三個層級,第一級存放著自有屬性,第二級存放著父構造器的屬性(加上constructor,指向創(chuàng)建該對象(cat)的構造器(Cat)),第三級存放著父構造器原型上的屬性.

第三種叫直接繼承prototype:
此種繼承方式只能繼承父構造器原型上的屬性.cat對象有兩個層級,第一級存放著自有屬性,第二級存放著父構造器原型上的屬性(加上constructor,指向創(chuàng)建該對象(cat)的構造器(Cat)).注意:Cat.prototype.constructor = Cat會將Animal.prototype.constructor也改成Cat,從而影響父構造器創(chuàng)建對象

第四種叫空對象作為中介:
此種繼承方式只能繼承父構造器原型上的屬性.cat對象有三個層級,第一級存放著自有屬性,第二級存放著臨時構造器F的屬性(加上constructor,指向創(chuàng)建該對象(cat)的構造器(Cat)),第三級存放著父構造器原型上的屬性.注意:臨時構造器只充當中介的作用,一般不會有自己的屬性.

第五種叫淺拷貝繼承(軟大神稱之為拷貝繼承):
此種繼承方式只能繼承父構造器原型上的屬性.cat對象有兩個層級,第一級存放著自有屬性,第二級存放著父構造器原型上的除了constructor和__proto__的屬性(不會拷貝原型上的constructor和__proto__屬性).適合父構造器原型上的自增屬性為基本數(shù)據(jù)類型的情況.

GPU云服務器云服務器 js繼承的幾種方式阮一峰阮一峰python java 阮一峰

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/81694.html

面向對象的小九九

摘要：由構造函數(shù)返回的對象就是表達式的結果。如果構造函數(shù)沒有顯式返回一個對象，則使用步驟創(chuàng)建的對象。運算符返回一個布爾值，表示對象是否為某個構造函數(shù)的實例。面向對象本人能力有限，有誤請斧正本文旨在復習面向對象(不包含es6) 本文學習思維創(chuàng)建對象的方式，獲取對象屬性構造函數(shù),構造函數(shù)的new 做了什么原型與原型對象原型鏈繼承(借用構造繼承、原型繼承、組合繼承、寄生組合繼承)...

時飛 2019-08-22 18:16 評論0 收藏0
前端資源系列（4）-前端學習資源分享&前端面試資源匯總

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業(yè)務工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
一篇文章讓你真正了解快速排序

摘要：但是大家了解阮一峰快排事件嗎，是否知道快排的最佳實踐本文從一個爭執(zhí)講起，通過生動詳實的例子讓你真正了解快排。參考文檔快速排序復雜度分析如何看待文章面試官阮一峰版的快速排序完全是錯的快速排序算法的優(yōu)化思路總結只要是個工程師，就或多或少的知道快排，其中很多人都能輕松的寫出一個快排的實現(xiàn)。但是大家了解阮一峰快排事件嗎，是否知道快排的最佳實踐？本文從一個爭執(zhí)講起，通過生動詳實的例子讓你真正了...

Jaden 2019-08-23 13:58 評論0 收藏0
前端相關匯總

摘要：簡介前端發(fā)展迅速，開發(fā)者富有的創(chuàng)造力不斷的給前端生態(tài)注入新生命，各種庫框架工程化構建工具層出不窮，眼花繚亂，不盲目追求前沿技術，學習框架和庫在滿足自己開發(fā)需求的基礎上，然后最好可以對源碼進行調研，了解和深入實現(xiàn)原理，從中可以獲得更多的收獲隨 showImg(https://segmentfault.com/img/remote/1460000016784101?w=936&h=397)...

BenCHou 2019-08-23 12:31 評論0 收藏0
JS中ArrayAPI學習筆記

摘要：如果該函數(shù)的返回值大于，表示第一個成員排在第二個成員后面其他情況下，都是第一個元素排在第二個元素前面。第三次執(zhí)行，為上一輪的返回值，為第四個成員。第四次執(zhí)行，為上一輪返回值，為第五個成員。 JS中ArrayAPI學習筆記記博客,時?；仡?尤其是面試之先回顧阮一峰標準庫Array對象 1 一些標準庫回顧 showImg(https://segmentfault.com/img/remo...

tolerious 2019-08-22 17:32 評論0 收藏0