麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

class、extends、super

2024-04-27 15:14:52
字體:
來源:轉載
供稿:網友

這三個屬性解決了es5中原型鏈、構造函數、繼承的問題

ES6提供了更接近傳統語言的寫法,引入了Class(類)這個概念。新的class寫法讓對象原型的寫法更加清晰、更像面向對象編程的語法,也更加通俗易懂。

class Animal { constructor(){ this.type = 'animal' } says(say){ console.log(this.type+ 'says' + say) }}let animal = new Animal()animal.says('hello') // animal says helloclass Cat extends Animal { constructor(){ super() this.type = 'cat' }}let cat = new Cat()cay.says('hello')// cat says hello

上面代碼首先用class定義了一個“類”,可以看到里面有一個constructor方法,這就是構造方法,而this關鍵字則代表實例對象。簡單地說,constructor內定義的方法和屬性是實例對象自己的,而constructor外定義的方法和屬性則是所有實力對象可以共享的。

Class之間可以通過extends關鍵字實現繼承,這比ES5的通過修改原型鏈實現繼承,要清晰和方便很多。上面定義了一個Cat類,該類通過extends關鍵字,繼承了Animal類的所有屬性和方法。

super關鍵字,它指代父類的實例(即父類的this對象)。子類必須在constructor方法中調用super方法,否則新建實例時會報錯。這是因為子類沒有自己的this對象,而是繼承父類的this對象,然后對其進行加工。如果不調用super方法,子類就得不到this對象。

ES6的繼承機制,實質是先創造父類的實例對象this(所以必須先調用super方法),然后再用子類的構造函數修改this。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 久久艳片 | 黄色一级片免费观看 | 欧美77| 2021免费日韩视频网 | 一区二区三区视频在线观看 | 欧美成年视频 | 日韩精品中文字幕一区二区 | 成人毛片网站 | 亚洲日本高清 | 91久久久久久亚洲精品禁果 | 黄色试看视频 | 中文在线观看www | 91精品老司机 | 特黄一区二区三区 | 国产二区三区在线播放 | 911精品影院在线观看 | 久久久久久亚洲国产精品 | 极品国产91在线网站 | 黑色丝袜美美女被躁视频 | 成人宗合网 | 国产一区二区不卡视频 | 国产精品午夜一区 | 国产午夜三级一区二区三桃花影视 | 美国黄色毛片女人性生活片 | 蜜桃网在线 | 天堂精品 | 欧美视频一区二区三区四区 | 全黄裸片武则天一级第4季 偿还电影免费看 | 成人男女啪啪免费观看网站四虎 | 天天碰天天操 | 蜜桃av鲁一鲁一鲁一鲁 | 成人毛片视频在线观看 | 色婷婷久久久亚洲一区二区三区 | 久久久国产精品成人免费 | 久久最新网址 | 日本a v免费观看 | 欧美性生活区 | 99热1| 黄色网战入口 | 色污视频在线观看 | a免费毛片 |