JavaScript 類別是其原型繼承系統的語法糖。 ES6 中引入的類別提供了一種清晰且結構化的方式來定義物件並在 JavaScript 中使用繼承，使程式碼更具可讀性和組織性。
您可以使用 class 關鍵字定義一個類別。
範例：
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
greet() {
console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
}
}
const person1 = new Person("Alice", 25);
person1.greet(); // Hello, my name is Alice and I am 25 years old.
範例：
class Car {
constructor(brand) {
this.brand = brand;
}
}
const myCar = new Car("Toyota");
console.log(myCar.brand); // Toyota
範例：
class Animal {
sound() {
console.log("Animal makes a sound");
}
}
const dog = new Animal();
dog.sound(); // Animal makes a sound
範例：
class MathUtils {
static add(a, b) {
return a + b;
}
}
console.log(MathUtils.add(3, 5)); // 8
範例：
class Rectangle {
constructor(width, height) {
this.width = width;
this.height = height;
}
get area() {
return this.width * this.height;
}
}
const rect = new Rectangle(10, 5);
console.log(rect.area); // 50
繼承允許一個類別使用extends關鍵字從另一個類別取得屬性和方法。
範例：
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(`${this.name} makes a sound.`);
}
}
class Dog extends Animal {
speak() {
console.log(`${this.name} barks.`);
}
}
const dog = new Dog("Rex");
dog.speak(); // Rex barks.
私有欄位和方法，ES2022引入，以#開頭，不能在類別外存取。
範例：
class BankAccount {
#balance;
constructor(initialBalance) {
this.#balance = initialBalance;
}
deposit(amount) {
this.#balance += amount;
console.log(`Deposited: ${amount}`);
}
getBalance() {
return this.#balance;
}
}
const account = new BankAccount(100);
account.deposit(50); // Deposited: 50
console.log(account.getBalance()); // 150
// console.log(account.#balance); // Error: Private field '#balance' must be declared in an enclosing class
類別也可以定義為表達式並指派給變數。
範例：
const Rectangle = class {
constructor(width, height) {
this.width = width;
this.height = height;
}
getArea() {
return this.width * this.height;
}
};
const rect = new Rectangle(10, 5);
console.log(rect.getArea()); // 50
雖然類別是語法糖，但您仍然可以將它們與 JavaScript 基於原型的繼承結合。
範例：
class Person {}
Person.prototype.sayHello = function () {
console.log("Hello!");
};
const person = new Person();
person.sayHello(); // Hello!
封裝:
使用私有欄位來保護敏感資料。
可重複使用性：
利用繼承在多個類別之間重複使用程式碼。
避免過於複雜:
僅在必要時使用類別。簡單的物件或函數可能足以完成小任務。
一致性:
遵循方法和屬性的命名約定以提高可讀性。
JavaScript 類別提供了一種乾淨有效的方法來管理 JavaScript 中的物件導向程式設計。憑藉繼承、靜態方法、私人字段和封裝等功能，它們提供了強大的工具來建立和管理程式碼，從而更輕鬆地建立可擴展和可維護的應用程式。
嗨，我是 Abhay Singh Kathayat！
我是一名全端開發人員，擁有前端和後端技術的專業知識。我使用各種程式語言和框架來建立高效、可擴展且用戶友好的應用程式。
請隨時透過我的商務電子郵件與我聯繫：kaashshorts28@gmail.com。
以上是掌握 JavaScript 類別：現代 OOP 完整指南的詳細內容。更多資訊請關注PHP中文網其他相關文章！
