JavaScript中可以用class嗎-前端問答-PHP中文網

JavaScript中可以用class嗎

WBOY

發布： 2022-10-20 14:03:41

原創

2295 人瀏覽過

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

登入後複製

輸出結果：

JavaScript中可以用class嗎