JavaScript類怎么創(chuàng)建

這篇文章主要介紹“JavaScript類怎么創(chuàng)建”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“JavaScript類怎么創(chuàng)建”文章能幫助大家解決問題。

JavaScript 類是 JavaScript 對(duì)象的模板

JavaScript 類的語法

請(qǐng)使用關(guān)鍵字 class 創(chuàng)建類。

請(qǐng)始終添加名為 constructor() 的方法：

語法

class ClassName {

  constructor() { ... }

}

實(shí)例

class Car {

  constructor(name, year) {

    this.name = name;

    this.year = year;

  }

}

上面的例子創(chuàng)建了一個(gè)名為 "Car" 的類。

該類有兩個(gè)初始屬性："name" 和 "year"。

JavaScript 類不是對(duì)象。

它只是 JavaScript 對(duì)象的模板。

使用類

如果您有一個(gè)類，那么您可以使用該類來創(chuàng)建對(duì)象：

實(shí)例

let myCar1 = new Car("Ford", 2014);

let myCar2 = new Car("Audi", 2019);

上面的例子使用 Car 類創(chuàng)建了兩個(gè) Car 對(duì)象。

在創(chuàng)建新對(duì)象時(shí)會(huì)自動(dòng)調(diào)用 constructor 方法。

Constructor 方法

構(gòu)造方法是一種特殊的方法：

它必須擁有確切名稱的“構(gòu)造函數(shù)”

創(chuàng)建新對(duì)象時(shí)自動(dòng)執(zhí)行

用于初始化對(duì)象屬性

如果未定義構(gòu)造函數(shù)方法，JavaScript 會(huì)添加空的構(gòu)造函數(shù)方法。

Class 方法

類方法的創(chuàng)建

語法

與對(duì)象方法相同。

請(qǐng)使用關(guān)鍵字 class 創(chuàng)建類。

請(qǐng)始終添加 constructor() 方法。

然后添加任意數(shù)量的方法。

語法

class ClassName {

  constructor() { ... }

  method_1() { ... }

  method_2() { ... }

  method_3() { ... }

}

創(chuàng)建名為 "age" 的類方法，它返回車齡：

實(shí)例

class Car {

  constructor(name, year) {

    this.name = name;

    this.year = year;

  }

  age() {

    let date = new Date();

    return date.getFullYear() - this.year;

  }

}

let myCar = new Car("Ford", 2014);

document.getElementById("demo").innerHTML =

"My car is " + myCar.age() + " years old.";

您可以向類方法發(fā)送參數(shù)：

實(shí)例

class Car {

  constructor(name, year) {

    this.name = name;

    this.year = year;

  }

  age(x) {

    return x - this.year;

  }

}

let date = new Date();

let year = date.getFullYear();

let myCar = new Car("Ford", 2014);

document.getElementById("demo").innerHTML=

"My car is " + myCar.age(year) + " years old.";

關(guān)于“JavaScript類怎么創(chuàng)建”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。