首頁 > 文章 > web前端 > JavaScript中可以用class嗎

JavaScript中可以用class嗎

WBOY原創: 2022-08-24 17:04:092310瀏覽

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

本教學操作環境：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("好好学习",  "http://www.php.cn");
document.getElementById("demo").innerHTML =
site.name + "：" + site.url;
</script>
</body>
</html>

輸出結果：

JavaScript中可以用class嗎

【相關推薦：javascript影片教學、web前端】

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

JavaScript 构造函数 class function 对象 constructor 严格模式

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：web前端技術有哪些下一篇：web前端技術有哪些

看更多