教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

ES6中新增的class關鍵字怎樣使用?

更新時間:2021年12月16日11時00分 來源:傳智教育 瀏覽次數(shù):

類的基本用法

ES6增加了class關鍵字,用來定義一個類,在類中可以定義constructor)構造方法,用來初始化對象的成員。下面我們通過代碼演示類的定義和使用。

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

在上述代碼中,constructor()構造方法在使用類創(chuàng)建對象時會自動調用,在調用時會將實例化的參數(shù)傳過來。在命名習慣上,類名使用首字母大寫的形式。如果一個類中沒有編寫Constructor()構造方法,程序會在類中自動創(chuàng)建一個constructor()構造方法。

類的方法

主類中可以編寫所有對象共有的方法,示例代碼如下。

class Person { //構造方法
    constructor(name) {
        this.name = name;
    }
    say() { //在類中定義一個say()方法
        console.log('你好,我叫' + this.name);
    }
}
var pl = new Person('張三');
Pl.say(); //輸出結果:你好,我叫張三

在上述代碼中,say()方法就是在類中定義的方法。在定義方法時,不需要使用function關鍵字,并且多個方法之間不需要使用逗號分隔。在say()方法中,this表示實例對象,如果是調用了pl對象的say()方法,則this就表示pl, this.name表示pl.name。


好口碑IT培訓

猜你喜歡:

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

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

volatile關鍵字的作用,看完你明白了!

怎樣使用 this關鍵字調用本類?【案例演示】

傳智教育前端與移動開發(fā)培訓

0 分享到:
和我們在線交談!