首頁 > web前端 > 前端問答 > JavaScript中可以用class嗎

JavaScript中可以用class嗎

WBOY
發布: 2022-10-20 14:03:41
原創
2355 人瀏覽過

JavaScript中可以使用class;類別是一種函數,但不是使用關鍵字function進行初始化,而是使用關鍵字class,並且在constructor()方法中分配屬性,每次初始化類別物件時,都會呼叫constructor()方法,語法為「class className{constructor(){...}}」。

JavaScript中可以用class嗎

本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。

JavaScript中可以用class

類別是一種函數,但不是使用關鍵字 function 來初始化它,而是使用關鍵字 class,並在 constructor() 方法中指派屬性。

每次初始化類別物件時,都會呼叫 constructor() 方法。

註解:與函數和其他 JavaScript 宣告不同,類別宣告不會被提升(您必須先宣告一個類,然後才能使用它)。

註解:類別中的語法必須以「嚴格模式」編寫。

語法為:

class className {
  // 类主体
}
登入後複製

我們使用class 關鍵字來建立一個類,類別在一對大括號 {} 中,我們可以在大括號 {} 中定義類別成員的位置,如方法或建構函數。

每個類別中包含了一個特殊的方法 constructor(),它是類別的建構函數,這種方法用來建立和初始化一個由 class 所建立的物件。

範例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
</head>
<body>
<h2>JavaScript 类</h2>
<p>如何使用 JavaScript 类</p>
<p id="demo"></p>
<script>
class Runoob {
  constructor(name, url) {
    this.name = name;
    this.url = url;
  }
}
 
let site = new Runoob("好好学习",  "//m.sbmmt.com");
document.getElementById("demo").innerHTML =
site.name + ":" + site.url;
</script>
</body>
</html>
登入後複製

輸出結果:

JavaScript中可以用class嗎

【相關推薦:javascript影片教學web前端

以上是JavaScript中可以用class嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板