es6--class以及類的繼承

huangjinnan 發(fā)布于2019-08-21 16:46 / 884人閱讀

摘要：值得注意的是與完全不同的是不能通過(guò)父類參數(shù)來(lái)實(shí)現(xiàn)因?yàn)樽宇愒跊]有調(diào)用父類的之前實(shí)例是沒有的。

使用class

 class Miaov{
        constructor (a,b){   //構(gòu)造對(duì)象的時(shí)候需要傳遞的對(duì)象
            this.a=a;
            this.b=b;
            return this;  //注意這里的return的值
        }
        print(){
            console.log(this.a+this.b)
        }
    }
    let mm=new Miaov(1,2); 
    mm.print();  //2

同時(shí)值得注意的是typeof Miaov 會(huì)返回function 所以class 只是一個(gè)語(yǔ)法糖
Miaov中的constructor方法是構(gòu)造方法 this關(guān)鍵字代表的是實(shí)例對(duì)象定義在class中的方法都是相當(dāng)于定義在Miaov.prototype上邊

與es5不同的是 es5中的構(gòu)造函數(shù)可以直接調(diào)用但是如果通過(guò)es6中的class聲明的類不能直接調(diào)用

在class中定義的方法都需要return this 這樣才可以進(jìn)行鏈?zhǔn)秸{(diào)用
一個(gè)類必須有constructor 沒有的話 class會(huì)使用一個(gè)空的構(gòu)造函數(shù)（這個(gè)構(gòu)造函數(shù)什么都不會(huì)做）
定義在類中的方法都是不可以被枚舉的

class的繼承 extends static super

在子類中的構(gòu)造函數(shù)中必須先通過(guò) super調(diào)用父類中的構(gòu)造函數(shù)。值得注意的是與es5完全不同的是不能通過(guò)父類.call(this,參數(shù))來(lái)實(shí)現(xiàn) 因?yàn)樽宇愒跊]有調(diào)用父類的constructor之前實(shí)例是沒有this的。

所以如果在子類的構(gòu)造函數(shù)中需要使用this 必須先使用super() 來(lái)生成實(shí)例以后再使用this

super這個(gè)關(guān)鍵字不能在子類的其他方法中調(diào)用除了子類的構(gòu)造函數(shù)

          當(dāng)出現(xiàn)在其他非構(gòu)造方法中的時(shí)候  指的是父類的原型對(duì)象  不能當(dāng)做函數(shù)調(diào)用

子類會(huì)繼承父類多有的方法（包括靜態(tài)）
static 方法就將這個(gè)方法指定為靜態(tài)方法

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

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

相關(guān)文章

ES6 中Class創(chuàng)建對(duì)象與繼承實(shí)現(xiàn)

摘要：使用類創(chuàng)建實(shí)例對(duì)象也是直接對(duì)類使用命令，跟中構(gòu)造函數(shù)的用法一致。中沒有構(gòu)造函數(shù)，作為構(gòu)造函數(shù)的語(yǔ)法糖，同時(shí)有屬性和屬性，因此同時(shí)存在兩條繼承鏈。子類的屬性，表示構(gòu)造函數(shù)的繼承，總是指向父類。 1 Class in ES6 ES6提出了類(Class)的概念，讓對(duì)象的原型的寫法更像面向?qū)ο笳Z(yǔ)言寫法。 ES6中通過(guò)class定義對(duì)象，默認(rèn)具有constructor方法和自定義方法，但是包含...

zhou_you 2019-08-20 14:40 評(píng)論0 收藏0
ES6 中Class創(chuàng)建對(duì)象與繼承實(shí)現(xiàn)

摘要：使用類創(chuàng)建實(shí)例對(duì)象也是直接對(duì)類使用命令，跟中構(gòu)造函數(shù)的用法一致。中沒有構(gòu)造函數(shù)，作為構(gòu)造函數(shù)的語(yǔ)法糖，同時(shí)有屬性和屬性，因此同時(shí)存在兩條繼承鏈。子類的屬性，表示構(gòu)造函數(shù)的繼承，總是指向父類。 1 Class in ES6 ES6提出了類(Class)的概念，讓對(duì)象的原型的寫法更像面向?qū)ο笳Z(yǔ)言寫法。 ES6中通過(guò)class定義對(duì)象，默認(rèn)具有constructor方法和自定義方法，但是包含...

wind5o 2019-08-01 16:25 評(píng)論0 收藏0
JavaScript 原型系統(tǒng)的變遷，以及 ES6 class

摘要：一般我們對(duì)這種構(gòu)造函數(shù)命名都會(huì)采用，并把它稱呼為類，這不僅是為了跟的理念保持一致，也是因?yàn)榈膬?nèi)建類也是這種命名。由生成的對(duì)象，其是。這是標(biāo)準(zhǔn)的規(guī)定。本文的主題是原型系統(tǒng)的變遷，所以并沒有涉及和對(duì)原型鏈的影響。概述 JavaScript 的原型系統(tǒng)是最初就有的語(yǔ)言設(shè)計(jì)。但隨著 ES 標(biāo)準(zhǔn)的進(jìn)化和新特性的添加。它也一直在不停進(jìn)化。這篇文章的目的就是梳理一下早期到 ES5 和現(xiàn)在 ES6，...

chuyao 2019-08-22 11:59 評(píng)論0 收藏0
JavaScript 中的類和繼承

摘要：因?yàn)椴僮鞣麆?chuàng)建的對(duì)象都繼承自構(gòu)造函數(shù)的屬性。繼承的實(shí)現(xiàn)中常用的繼承方式是組合繼承，也就是通過(guò)構(gòu)造函數(shù)和原型鏈繼承同時(shí)來(lái)模擬繼承的實(shí)現(xiàn)。原文發(fā)布在我的博客我們都知道 JavaScript 是一門基于原型的語(yǔ)言。當(dāng)我們調(diào)用一個(gè)對(duì)象本身沒有的屬性時(shí)，JavaScript 就會(huì)從對(duì)象的原型對(duì)象上去找該屬性，如果原型上也沒有該屬性，那就去找原型的原型，一直找原型鏈的末端也就是 Object....

rottengeek 2019-08-19 17:57 評(píng)論0 收藏0
《深入理解ES6》筆記—— JavaScript中的類class（9）

摘要：新建一個(gè)類該函數(shù)返回一個(gè)類的實(shí)例給函數(shù)傳入通過(guò)立即調(diào)用類構(gòu)造函數(shù)可以創(chuàng)建單例。派生類是指繼承自其它類的新類。在構(gòu)造函數(shù)中訪問之前要調(diào)用，負(fù)責(zé)初始化。在構(gòu)造函數(shù)中使用通常表示當(dāng)前的構(gòu)造函數(shù)名。 ES5中的近類結(jié)構(gòu) ES5以及之前的版本，沒有類的概念，但是聰明的JavaScript開發(fā)者，為了實(shí)現(xiàn)面向?qū)ο螅瑒?chuàng)建了特殊的近類結(jié)構(gòu)。 ES5中創(chuàng)建類的方法：新建一個(gè)構(gòu)造函數(shù)，定義一個(gè)方法并且賦值...

gggggggbong 2019-08-20 18:23 評(píng)論0 收藏0