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...