ES6中新增的class關(guān)鍵字怎樣使用？

類的基本用法

ES6增加了class關(guān)鍵字，用來(lái)定義一個(gè)類，在類中可以定義constructor)構(gòu)造方法，用來(lái)初始化對(duì)象的成員。下面我們通過(guò)代碼演示類的定義和使用。

//定義類
class Person {
    constructor(name) { //構(gòu)造方法
        this.name = name; //為新創(chuàng)建的對(duì)象添加name屬性
    }
}
//利用類創(chuàng)建對(duì)象
var pl = new Person('張三'); //創(chuàng)建p1對(duì)象
var p2 = new Person('李四'); //創(chuàng)建p2對(duì)象
console.log(pl.name); //訪問(wèn)pl對(duì)象的name屬性
console.log(p2.name); //訪問(wèn) p2對(duì)象的 name屬性

在上述代碼中，constructor()構(gòu)造方法在使用類創(chuàng)建對(duì)象時(shí)會(huì)自動(dòng)調(diào)用，在調(diào)用時(shí)會(huì)將實(shí)例化的參數(shù)傳過(guò)來(lái)。在命名習(xí)慣上，類名使用首字母大寫的形式。如果一個(gè)類中沒(méi)有編寫Constructor()構(gòu)造方法，程序會(huì)在類中自動(dòng)創(chuàng)建一個(gè)constructor()構(gòu)造方法。

類的方法

主類中可以編寫所有對(duì)象共有的方法，示例代碼如下。

class Person { //構(gòu)造方法
    constructor(name) {
        this.name = name;
    }
    say() { //在類中定義一個(gè)say（）方法
        console.log('你好，我叫' + this.name);
    }
}
var pl = new Person('張三');
Pl.say(); //輸出結(jié)果：你好，我叫張三

在上述代碼中，say()方法就是在類中定義的方法。在定義方法時(shí)，不需要使用function關(guān)鍵字，并且多個(gè)方法之間不需要使用逗號(hào)分隔。在say()方法中，this表示實(shí)例對(duì)象，如果是調(diào)用了pl對(duì)象的say()方法，則this就表示pl, this.name表示pl.name。

猜你喜歡：

ES6模塊化是什么？怎樣導(dǎo)入和執(zhí)行模塊中的代碼？

Java培訓(xùn)實(shí)戰(zhàn)教程之淺談Java反射中的Class類

volatile關(guān)鍵字的作用，看完你明白了！

怎樣使用 this關(guān)鍵字調(diào)用本類？【案例演示】

傳智教育前端與移動(dòng)開(kāi)發(fā)培訓(xùn)