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

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了魚峰免費(fèi)建站歡迎大家使用！

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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

分享標(biāo)題：JavaScript類怎么創(chuàng)建
分享地址：http://jinyejixie.com/article0/jdoiio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、品牌網(wǎng)站建設(shè)、企業(yè)建站、響應(yīng)式網(wǎng)站、云服務(wù)器、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)