es6聲明類實(shí)現(xiàn)繼承

BaronZhang 發(fā)布于2019-08-23 15:22 / 2028人閱讀

摘要：聲明一個類對象這個方法內(nèi)定義的方法和屬性是實(shí)例化對象自己的，不共享外定義的方法和屬性是所有實(shí)例對象共享可以調(diào)用的關(guān)鍵字代表對象的實(shí)例對象控制臺輸出這里聲明一個類，來繼承類的屬性和方法關(guān)鍵字，用來指定父類的實(shí)例對象輸出

class聲明一個animal類(對象)：

class Animal{
    constructor(){//這個constructor方法內(nèi)定義的方法和屬性是實(shí)例化對象自己的，不共享；construstor外定義的方法和屬性是所有實(shí)例對象（共享）可以調(diào)用的
         this.type = "animal"  //this關(guān)鍵字代表Animal對象的實(shí)例對象 
     }
     says(say){
         console.log(this.type+" says " +say); 
     }
}
let animal = new Animal();
animal.says("hello");//控制臺輸出‘a(chǎn)nimal says hello’

這里聲明一個Cat類，來繼承Animal類的屬性和方法

class Cat extends Animal(){
     constructor(){
          super();//super關(guān)鍵字，用來指定父類的實(shí)例對象
          this.type = "cat";
     }
}          
let cat  = new Cat();
cat.says("hello");//輸出‘cat says hello’

GPU云服務(wù)器云服務(wù)器 java定義類聲明類繼承類類繼承類繼承問題

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

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

相關(guān)文章

es6之js的類

摘要：生成的類的原型會被自動調(diào)整，而你還能調(diào)用方法來訪問基類的構(gòu)造器。唯一能避免調(diào)用的辦法，是從類構(gòu)造器中返回一個對象。起源 JS 從創(chuàng)建之初就不支持類，也沒有把類繼承作為定義相似對象以及關(guān)聯(lián)對象的主要方式，這讓不少開發(fā)者感到困惑。而從 ES1 誕生之前直到ES5 時期，很多庫都創(chuàng)建了一些工具，讓 JS 顯得貌似能支持類。盡管一些 JS 開發(fā)者強(qiáng)烈認(rèn)為這門語言不需要類，但為處理類而創(chuàng)建的代...

libin19890520 2019-07-31 10:15 評論0 收藏0
《深入理解ES6》筆記—— JavaScript中的類class（9）

摘要：新建一個類該函數(shù)返回一個類的實(shí)例給函數(shù)傳入通過立即調(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òu)造函數(shù)，定義一個方法并且賦值...

gggggggbong 2019-08-20 18:23 評論0 收藏0
《深入理解ES6》筆記—— JavaScript中的類class（9）

摘要：新建一個類該函數(shù)返回一個類的實(shí)例給函數(shù)傳入通過立即調(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òu)造函數(shù)，定義一個方法并且賦值...

Jason 2019-08-29 13:02 評論0 收藏0
es6 - 類

摘要：創(chuàng)建自定義類型看下面一段代碼上面代碼使用創(chuàng)建了一個自定義類型，是這個類的構(gòu)造器，是類的公共方法。注意事項(xiàng)在使用類繼承的實(shí)現(xiàn)中，需要注意的點(diǎn)是如果子類沒有重寫方法，默認(rèn)會調(diào)用父類的構(gòu)造器方法。 es6 類-class 與大多正規(guī)的面向?qū)ο缶幊陶Z言不同(比如java)，js在創(chuàng)建之初就不支持類。js的面向?qū)ο缶幊虒?shí)現(xiàn)方式是通過構(gòu)造函數(shù)和原型來實(shí)現(xiàn)的。我之前以為es6引入類的概念將會帶給這...

notebin 2019-08-22 15:18 評論0 收藏0
Javascript面向?qū)ο笈c繼承

摘要：眾所周知，是一門面向?qū)ο蟮恼Z言，如果說針對面向?qū)ο髞戆l(fā)問的話，我會想到兩個問題，在中，類與實(shí)例對象是如何創(chuàng)建的，類與實(shí)例對象又是如何實(shí)現(xiàn)繼承的。但是在中是指向的，因?yàn)槊恳粋€構(gòu)造函數(shù)其實(shí)都是這個對象構(gòu)造的，中子類的指向父類可以實(shí)現(xiàn)屬性的繼承。眾所周知，Javascript是一門面向?qū)ο蟮恼Z言，如果說針對面向?qū)ο髞戆l(fā)問的話，我會想到兩個問題，在js中，類與實(shí)例對象是如何創(chuàng)建的，類與實(shí)例對...

pcChao 2019-08-22 16:02 評論0 收藏0