JavaScript 中的 class 是 es6 引入的語法糖，用于更清晰地定義對象模板，其本質仍基于原型繼承。1. 定義類使用 class 關鍵字，內部通過 constructor 初始化屬性，方法直接寫在類體中；2. 創建實例需用 new 調用；3. class 與構造函數的區別包括：寫法不同、不存在變量提升、必須用 new 調用、類中方法不可枚舉；4. class 常用特性包括靜態方法（Static）、繼承（extends 和 super）、getter/setter；5. 推薦在現代代碼或需要繼承時使用 class，而在維護舊項目或兼容老舊瀏覽器時使用構造函數。
在 JavaScript 中，class 關鍵字是 ES6 引入的一種語法糖，用來更清晰、更簡潔地定義對象的模板。它本質上還是基于原型（prototype）的繼承機制，只是寫法上更接近傳統面向對象語言。
class 是怎么用的？
定義一個類的基本方式如下：
class Person { constructor(name, age) { this.name = name; this.age = age; } sayHello() { console.log(`你好，我是${this.name}`); } }
使用這個類創建實例就和構造函數一樣：
const p1 = new Person('小明', 20); p1.sayHello(); // 輸出：你好，我是小明
可以看出，class 的寫法比傳統的構造函數更直觀，方法直接寫在類里，不需要手動操作 prototype。
class 和構造函數有什么區別？
雖然它們最終實現的功能是一樣的，但有幾個關鍵點需要注意：
-
寫法不同
構造函數通常是一個函數，方法要通過 prototype 添加；而 class 更結構化，方法直接寫在類體中。 -
不存在變量提升（hoisting）
使用 class 定義的類不會被提升，必須先定義再使用，否則會報錯（ReferenceError）。構造函數則可以先調用后定義。 -
必須用 new 調用
class 只能通過 new 創建實例，直接調用會報錯。構造函數可以用普通函數方式調用（雖然不推薦）。 -
類中的方法不可枚舉
類中定義的方法默認是不可枚舉的（enumerable 為 false），而構造函數通過 prototype 添加的方法是可枚舉的。
class 還有哪些常用特性？
除了基本用法，class 還支持一些更實用的特性：
1. 靜態方法（static）
靜態方法屬于類本身，而不是實例：
class Person { static info() { console.log('這是一個Person類'); } } Person.info(); // 正確 // new Person().info(); // 報錯
2. 繼承（extends 和 super）
class 支持使用 extends 實現繼承，子類中使用 super() 調用父類構造函數：
class Student extends Person { constructor(name, age, grade) { super(name, age); // 調用父類構造函數 this.grade = grade; } }
3. getter / setter
可以在類中定義屬性的獲取和設置邏輯：
class Person { constructor(firstName, lastName) { this._firstName = firstName; this._lastName = lastName; } get fullName() { return `${this._firstName} ${this._lastName}`; } set fullName(value) { const parts = value.split(' '); this._firstName = parts[0]; this._lastName = parts[1]; } }
什么時候該用 class？什么時候用構造函數？
- 如果你寫的代碼偏向現代風格、需要繼承、或者希望結構清晰，建議使用 class。
- 如果你在維護舊項目、或者需要兼容老舊瀏覽器（比如 IE），可能還需要用構造函數 + prototype 的方式。
- 在大多數現代框架（如 React、vue 的組合式 API 出現前）中，class 曾是組織組件邏輯的主要方式。
基本上就這些了。class 看起來簡單，但背后還是原型那一套機制，理解這一點對深入掌握 JS 很有幫助。
