ES6 class類的建立與繼承

2022-09-08 21:21:31 字數 1469 閱讀 4353

1

//#region es5和es6類物件的宣告對比2//

es5類物件的寫法是3//

function phone(brand, price) 7//

給phone新增乙個方法 callmethod()8//

phone.prototype.callmethod=function()

1112

//例項化物件並呼叫方法

13//

let huawei=new phone('華為','4999')

14//

huawei.callmethod()

1516

//es6新增了class類的寫法

17//

class mphone

23//

24//

mcallmethod()

27//}28

29//

let mphone=new mphone('huawei','5000')

30//

mphone.mcallmethod()

//輸出:class類中的方法

31//

#endregion

3233

//es5類物件的繼承

34//

function phone(brand, price)

3839

= function ()

4243

//function smartphone(brand, price, color)

4748

//設定子級建構函式的原型

49//

smartphone.prototype=new phone;

//繼承phone的方法

5051

= function ()

5455

//let xiaomi = new smartphone('小公尺', '1999', '5.5inch')

56//

console.log(xiaomi);

5758

//es6類的繼承

59class

phone

6566

call() 69}

7071

//extends 關鍵字表示繼承自哪個類

72class

smartphone extends phone

7980

playgame()

8384

//定義乙個與父類的同名方法實現對父類方法的重寫(注:子類中不能呼叫父類的方法)

85//

call()88}

8990 let chuizi = new smartphone('

錘子', '

2999

', '黑色'

)91 chuizi.call() //

打**!!

es6 class以及類的繼承

class miaov print let mm new miaov 1,2 mm.print 2同時值得注意的是typeof miaov 會返回function 所以class 只是乙個語法糖 miaov中的constructor方法是構造方法 this關鍵字代表的是例項物件 定義在class中的...

es6 class靜態方法以及繼承

寫法 通過使用class關鍵字,定義乙個類 定義 類 的方法的時候,前面不需要加上function這個關鍵字,直接把函式定義放進去了就可以了。另外,方法之間不需要逗號分隔,加了會報錯。class內的方法必須通過new關鍵字之後才能呼叫,若直接呼叫則會報錯。使用new關鍵字後,和es5建構函式相同 c...

ES6 Class語法介紹

參考文章 ecmascript 6 入門 概述 基本上,es6 的class可以看作只是乙個語法糖,它的絕大部分功 能,es5 都可以做到,新的class寫法只是讓物件原型的寫法更加清晰 更像物件導向程式設計的語法而已。舉個栗子 es5 function point x,y point.protot...