本篇內(nèi)容介紹了“es6中如何實現(xiàn)繼承”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

我們提供的服務(wù)有：做網(wǎng)站、成都網(wǎng)站設(shè)計、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、柳江ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的柳江網(wǎng)站制作公司

在es6中，可利用class關(guān)鍵字配合extends關(guān)鍵字來實現(xiàn)繼承。ES6中引入了class關(guān)鍵字來聲明類， 而class（類）可通過extends來繼承父類中屬性和方法，語法“class 子類名 extends 父類名{...};”。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

es6中可利用class關(guān)鍵字配合extends關(guān)鍵字來實現(xiàn)繼承

在ES6中，class (類)作為對象的模板被引入，可以通過 class 關(guān)鍵字定義類。

es6繼承

Class 可以通過extends關(guān)鍵字實現(xiàn)繼承

class Animal {}
class Cat extends Animal { };

上面代碼中 定義了一個 Cat 類，該類通過 extends關(guān)鍵字，繼承了 Animal 類中所有的屬性和方法。 但是由于沒有部署任何代碼，所以這兩個類完全一樣，等于復(fù)制了一個Animal類。 下面，我們在Cat內(nèi)部加上代碼。

class Cat extends Animal {
    constructor(name, age, color) {
        // 調(diào)用父類的constructor(name, age)
        super(name, age);
        this.color = color;
    }
    toString() {
        return this.color + ' ' + super.toString(); // 調(diào)用父類的toString()
    }
}

constructor方法和toString方法之中，都出現(xiàn)了super關(guān)鍵字，它在這里表示父類的構(gòu)造函數(shù)，用來新建父類的this對象。

需要注意的是：class 關(guān)鍵字只是原型的語法糖， JavaScript 繼承仍然是基于原型實現(xiàn)的。

class Pet {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  showName() {
    console.log("調(diào)用父類的方法");
    console.log(this.name, this.age);
  }
}

// 定義一個子類
class Dog extends Pet {
  constructor(name, age, color) {
    super(name, age); // 通過 super 調(diào)用父類的構(gòu)造方法
    this.color = color;
  }

  showName() {
    console.log("調(diào)用子類的方法");
    console.log(this.name, this.age, this.color);
  }
}

優(yōu)點：

• 清晰方便

缺點：

• 不是所有的瀏覽器都支持 class。

“es6中如何實現(xiàn)繼承”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

當(dāng)前名稱：es6中如何實現(xiàn)繼承
網(wǎng)站網(wǎng)址：http://newbst.com/article4/jhcooe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、品牌網(wǎng)站設(shè)計、手機網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、面包屑導(dǎo)航、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)