面試必問(wèn)之繼承

cartoon 發(fā)布于2019-08-23 15:08 / 1540人閱讀

摘要：繼承常用的三種方法，記錄一下，馬上要面試了。覺(jué)得有用可以幫我點(diǎn)個(gè)贊嗎謝謝了。

js繼承常用的三種方法，記錄一下，馬上要面試了。

覺(jué)得有用可以幫我點(diǎn)個(gè)贊嗎？謝謝了。

    // 原型鏈繼承
    function Parent() {
      this.name = "原型鏈繼承";
      this.play = [1,2,3];
    }
    Parent.prototype.getName = function () {
      console.log(this.name);
    }

    function Child() {
      this.type = "原型鏈繼承child";
    }
    Child.prototype = new Parent();
    // 原型鏈上的原型對(duì)象是通用的，改變一個(gè)，其他的都會(huì)改變，但我們不想所有對(duì)象都改變
    var child1 = new Child();
    var child2 = new Child();
    child1.play.push(4)
    console.log(child1.play)
    console.log(child2.play)

    // 構(gòu)造函數(shù)繼承
    function Parent() {
      this.name = "構(gòu)造函數(shù)繼承";
      this.play = [1,2,3];
    }
    Parent.prototype.getName = function () {
      console.log(this.name);
    }

    function Child() {
      Parent.call(this)
      this.type = "構(gòu)造函數(shù)繼承child";
    }

    var child1 = new Child();
    console.log(child1.getName)
    //構(gòu)造函數(shù)繼承不會(huì)繼承原型鏈上的方法

    // 組合繼承
    // 原理：創(chuàng)建中間對(duì)象，中間對(duì)象的原型對(duì)象是父類(lèi)的
    function Parent() {
      this.name = "組合繼承";
      this.play = [1,2,3];
    }
    Parent.prototype.getName = function () {
      console.log(this.name);
    }

    function Child() {
      Parent.call(this)
      this.type = "組合繼承child";
    }
    Child.prototype = Object.create(Parent.prototype);
    Child.prototype.constructor = Child;
    //沒(méi)有這句代碼，Child.prototype.constructor會(huì)指向Parent
    var child = new Child()
    console.log(child instanceof Child,child instanceof Parent);
    console.log(child.constructor);

云服務(wù)器 GPU云服務(wù)器 javascript必問(wèn)面試題虛擬繼承單繼承多繼承

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/101554.html

相關(guān)文章

EventBus框架庫(kù)代碼走讀，帶你全面理解View的繪制流程

摘要：如果當(dāng)前不是主線程則直接調(diào)用，如果是線程則創(chuàng)建一個(gè)加入到后臺(tái)的一個(gè)隊(duì)列，最終由中的一個(gè)線程池去調(diào)用。拋出線程狀態(tài)非法異常。 while (clazz != null) {String name = clazz.getName();if (name.startsWith(java.) || name.starts...

番茄西紅柿 2021-11-25 09:43 評(píng)論0 收藏2637
2019-我的前端面試題

摘要：先說(shuō)下我面試情況，我一共面試了家公司。篇在我面試的眾多公司里，只有同城的面問(wèn)到相關(guān)問(wèn)題，其他公司壓根沒(méi)問(wèn)。我自己回答的是自己開(kāi)發(fā)組件面臨的問(wèn)題。完全不用擔(dān)心對(duì)方到時(shí)候打電話(huà)核對(duì)的問(wèn)題。 2019的5月9號(hào)，離發(fā)工資還有1天的時(shí)候，我的領(lǐng)導(dǎo)親切把我叫到辦公室跟我說(shuō)：阿郭，我們公司要倒閉了，錢(qián)是沒(méi)有的啦，為了不耽誤你，你趕緊出去找工作吧。聽(tīng)到這話(huà)，我虎軀一震，這已經(jīng)是第2個(gè)月沒(méi)工資了。公...

iKcamp 2019-08-23 17:52 評(píng)論0 收藏0
這幾道Java集合框架面試題在面試中幾乎必問(wèn)

摘要：若遇到哈希沖突，則將沖突的值加到鏈表中即可。之后相比于之前的版本，之后在解決哈希沖突時(shí)有了較大的變化，當(dāng)鏈表長(zhǎng)度大于閾值默認(rèn)為時(shí)，將鏈表轉(zhuǎn)化為紅黑樹(shù)，以減少搜索時(shí)間。有序，唯一紅黑樹(shù)自平衡的排序二叉樹(shù)。本文是最最最常見(jiàn)Java面試題總結(jié)系列第三周的文章。主要內(nèi)容： Arraylist 與 LinkedList 異同 ArrayList 與 Vector 區(qū)別 HashMap的底層...

bigdevil_s 2019-08-19 11:01 評(píng)論0 收藏0
2019前端秋季社招面試經(jīng)歷總結(jié)（三年經(jīng)驗(yàn)）

摘要：經(jīng)歷月份開(kāi)放的簡(jiǎn)歷，收到了蠻多詢(xún)問(wèn)和面試，算是招人旺季，需要跳槽的小伙伴抓住機(jī)會(huì)。現(xiàn)在是面試了家公司左右，有些高頻問(wèn)題會(huì)標(biāo)記次數(shù)總次數(shù)，可供大家參考。最后祝大家面試順利，拿到心儀的，寫(xiě)錯(cuò)的地方請(qǐng)不吝賜教，謝謝。經(jīng)歷 7月份開(kāi)放的簡(jiǎn)歷，收到了蠻多詢(xún)問(wèn)和面試，算是招人旺季，需要跳槽的小伙伴抓住機(jī)會(huì)。一開(kāi)始廣泛看面試題，沒(méi)抓住重點(diǎn)復(fù)習(xí)，有很多平時(shí)也沒(méi)怎么用到，導(dǎo)致一開(kāi)始面試的時(shí)候，問(wèn)的問(wèn)題...

Kross 2019-08-02 15:41 評(píng)論0 收藏0
2019前端秋季社招面試經(jīng)歷總結(jié)（三年經(jīng)驗(yàn)）

摘要：經(jīng)歷月份開(kāi)放的簡(jiǎn)歷，收到了蠻多詢(xún)問(wèn)和面試，算是招人旺季，需要跳槽的小伙伴抓住機(jī)會(huì)?，F(xiàn)在是面試了家公司左右，有些高頻問(wèn)題會(huì)標(biāo)記次數(shù)總次數(shù)，可供大家參考。最后祝大家面試順利，拿到心儀的，寫(xiě)錯(cuò)的地方請(qǐng)不吝賜教，謝謝。經(jīng)歷 7月份開(kāi)放的簡(jiǎn)歷，收到了蠻多詢(xún)問(wèn)和面試，算是招人旺季，需要跳槽的小伙伴抓住機(jī)會(huì)。一開(kāi)始廣泛看面試題，沒(méi)抓住重點(diǎn)復(fù)習(xí)，有很多平時(shí)也沒(méi)怎么用到，導(dǎo)致一開(kāi)始面試的時(shí)候，問(wèn)的問(wèn)題...

DevWiki 2019-08-30 15:44 評(píng)論0 收藏0