JavaScript 中的類別

JavaScript 類別

類別是物件的藍圖，提供了一種更正式、更組織化的方式來定義物件及其行為。 JavaScript 類別並非物件本身，而是建立 JavaScript 物件的模板。

類別是一種特殊的函數，但我們使用關鍵字 class 來定義它，而不是 function。屬性在 constructor() 方法內部賦值。

類別方法

1. 類別方法的語法與物件方法相同。
2. 使用 class 關鍵字建立類別。
3. 總是包含 constructor() 方法。
4. 然後可以添加任意數量的方法。

範例 1：建立汽車類，然後基於汽車類建立一個名為「我的車」的物件。

class Car {
  constructor(brand) {
    this.carName = brand;
  }
}

let myCar = new Car("Toyota"); 

建構子方法

建構子是一種特殊的方法，用來初始化用類別建立的物件。在創建類別的新的實例時，它會自動呼叫。它通常使用傳遞給它的參數為物件屬性賦值，確保物件在創建時正確初始化。

當建構函式自動呼叫且類別被初始化時，它必須具有確切的名稱「constructor」。事實上，如果您沒有建構函數，JavaScript 將會加入一個不可見的空建構函數方法。

注意：一個類別不能有多個 constructor() 方法，這將引發語法錯誤。

更多類別範例

class Person {} // 空类

class Student {
  constructor(rollNo, name, age) {
    this.name = name;
    this.rollNo = rollNo;
    this.age = age;
  }
}

let student1 = new Student(1, "Alex", 12);
console.log(student1); // Output: Student { name: 'Alex', rollNo: 1, age: 12 }

class Product {
  constructor(name, price) {
    this.name = name;
    this.price = price;
  }

  displayProduct() {
    console.log(`Product: ${this.name}`);
    console.log(`Price: ${this.price}`);
  }
}

const product1 = new Product("Shirt", 19.32);
const product2 = new Product("Pant", 33.55);

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