面試--js實現(xiàn)繼承

lidashuang 發(fā)布于2019-08-21 16:17 / 442人閱讀

摘要：的在中，對象是一個無序?qū)傩约峡梢允腔局祵ο蠛瘮?shù)數(shù)據(jù)屬性只讀屬性不可刪除不可枚舉訪問屬性構(gòu)造函數(shù)來生成對象函數(shù)與原型一種最簡單的繼承利用原型鏈來實現(xiàn)繼承子類父類的實例創(chuàng)建自定義類型性的最佳方式構(gòu)造函數(shù)構(gòu)造函數(shù)中的是每一個實例都特有的屬性中

js的OOP

在es6中，對象是一個無序?qū)傩约? 可以是基本值對象函數(shù)
數(shù)據(jù)屬性：只讀屬性不可刪除不可枚舉
訪問屬性:getter setter
構(gòu)造函數(shù)：new 來生成對象
函數(shù)與原型 prototype
一種最簡單的繼承利用原型鏈來實現(xiàn)繼承子類.prototype=new 父類的實例
創(chuàng)建自定義類型性的最佳方式：構(gòu)造函數(shù)+prototype
構(gòu)造函數(shù)中的是每一個實例都特有的屬性
prototype中放置的是公共的方法

繼承

1、原型鏈繼承
2、寄生組合式繼承

 function object(obj) {  //返回原型為obj的沒有實例屬性的對象
         function Fun() {}
         Fun.prototype=obj;
         return new Fun();
    }
    function inheritPrototype(subType,superType) {
        //建立原型鏈，繼承父類原型屬性 用自定義函數(shù)object函數(shù)  避免父類實例具有獨特的屬性  切掉多余的父類實例屬性
        var prototype=object(subType.prototype)  
        prototype.constructor=subType  //保證構(gòu)造器的正確
        subType.prototype=prototype;
    }
    function subType(arg1,arg2) {
        superType.call(this,arg1)  //繼承父類的屬性的分別的值
        this.attr=value;
    }
    inheritPrototype(subType,subType)   //實現(xiàn)了寄生組合

GPU云服務(wù)器云服務(wù)器 python實現(xiàn)繼承 Javascript實現(xiàn)繼承 javascript如何實現(xiàn)繼承 js 繼承

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88370.html

相關(guān)文章

面試--js實現(xiàn)繼承的幾種方式

摘要：基于原型的繼承原型上的屬性被共享了不是我們所需要的這種繼承會有如下的缺點如果父類包含有引用類型的屬性所有的子類就會共享這個屬性。基于原型的繼承 function father() { this.faName = father; this.names=[11,22] } father.prototype.getfaName = fun...

baiy 2019-08-21 16:56 評論0 收藏0
查漏補缺 - 收藏集 - 掘金

摘要：醞釀許久之后，筆者準備接下來撰寫前端面試題系列文章，內(nèi)容涵蓋瀏覽器框架分鐘搞定常用基礎(chǔ)知識前端掘金基礎(chǔ)智商劃重點在實際開發(fā)中，已經(jīng)非常普及了。這道題--致敬各位10年阿里的前端開發(fā) - 掘金很巧合，我在認識了兩位同是10年工作經(jīng)驗的阿里前端開發(fā)小伙伴，不但要向前輩學(xué)習，我有時候還會選擇另一種方法逗逗他們，拿了網(wǎng)上一道經(jīng)典面試題，可能我連去阿里面試的機會都沒有，但是我感受到了一次面試1...

YuboonaZhang 2019-08-29 12:56 評論0 收藏0
一道有價值的JS繼承面試題

摘要：題目原題目來源于一個網(wǎng)友的問答補充代碼我有個我有個分析題目希望生成一個新的構(gòu)造函數(shù)，繼承于。盡量不要更改題目表達出希望有方法實現(xiàn)構(gòu)造函數(shù)繼承，又需要原型繼承。的指向顯然要改成指向子類構(gòu)造函數(shù)中的。題目原題目來源于一個網(wǎng)友的問答 var A = function() { this.name = apple; } A.prototype.getName = function()...

darkbug 2019-08-20 15:28 評論0 收藏0
JavaScript系列（四） - 收藏集 - 掘金

摘要：函數(shù)式編程前端掘金引言面向?qū)ο缶幊桃恢币詠矶际侵械闹鲗?dǎo)范式。函數(shù)式編程是一種強調(diào)減少對程序外部狀態(tài)產(chǎn)生改變的方式。 JavaScript 函數(shù)式編程 - 前端 - 掘金引言面向?qū)ο缶幊桃恢币詠矶际荍avaScript中的主導(dǎo)范式。JavaScript作為一門多范式編程語言，然而，近幾年，函數(shù)式編程越來越多得受到開發(fā)者的青睞。函數(shù)式編程是一種強調(diào)減少對程序外部狀態(tài)產(chǎn)生改變的方式。因此，...

cfanr 2019-08-20 16:33 評論0 收藏0
18年求職面經(jīng)及總結(jié)

摘要：年求職面經(jīng)及總結(jié)我的求職之路差不多走到盡頭了感覺真是精疲力盡了把這大半年的經(jīng)歷和面試總結(jié)寫下來希望能給和我一樣在求職路上煎熬的人一點幫助先說背景微電子科學(xué)與工程專業(yè)學(xué)過兩門和相關(guān)的課程語言和單片機這個專業(yè)的唯一好處就是大部分人并不知道這個專 18年求職面經(jīng)及總結(jié) 我的求職之路差不多走到盡頭了,感覺真是精疲力盡了.把這大半年的經(jīng)歷和面試總結(jié)寫下來,希望能給和我一樣在求職路上煎熬的人一點幫...

zhangwang 2019-08-22 11:07 評論0 收藏0