js中class的用法

Class 是 JavaScript 中建立物件範本的藍圖，它定義了物件的屬性和方法，透過使用 new 關鍵字建立實例存取。 Class 的優點包括更好的程式碼組織、更高的可讀性和可維護性，以及簡化的物件建立。 Class 可以透過建構函式新增屬性，透過函數定義方法，並使用 extends 關鍵字擴充其他 Class 以繼承其屬性和方法。

JavaScript 中 Class 的用法

什麼是 Class？
Class 是 JavaScript 中的一個藍圖，用來建立物件的實例。它定義了物件的屬性和方法，並充當了一個模板。

建立Class
使用關鍵字class 建立一個Class，後面接著Class 名稱：

<code>class MyClass {
  // 代码
}</code>

。新增屬性
透過在建構函式中指派值來新增屬性：

<code>class MyClass {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}</code>

新增方法
使用Class 中的函式定義方法：

<code>class MyClass {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  speak() {
    console.log(`My name is ${this.name} and I am ${this.age} years old.`);
  }
}</code>

建立物件實例
使用new 關鍵字建立Class 實例：

<code>const myObject = new MyClass('John', 30);</code>

存取屬性和方法
透過點語法存取物件的屬性與方法：

<code>console.log(myObject.name); // 'John'
myObject.speak(); // 输出 "My name is John and I am 30 years old."</code>

擴充Class
使用extends 關鍵字擴充其他Class，繼承其屬性與方法：

<code>class SubClass extends MyClass {
  constructor(name, age, hobby) {
    super(name, age);
    this.hobby = hobby;
  }
}</code>

#優點
使用Class 的優點包括：

• 更好的程式碼組織
• #提高可讀性與可維護性
• 促進程式碼復用
• 簡化物件建立

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