class 是 javascript 中創建對象模板的藍圖,它定義了對象的屬性和方法,通過使用 new 關鍵字創建實例訪問。class 的優勢包括更好的代碼組織、更高的可讀性和可維護性,以及簡化的對象創建。class 可以通過構造函數添加屬性,通過函數定義方法,并使用 extends 關鍵字擴展其他 class 以繼承其屬性和方法。
JavaScript 中 Class 的用法
什么是 Class?
Class 是 JavaScript 中的一個藍圖,用于創建對象的實例。它定義了對象的屬性和方法,充當了一個模板。
創建 Class
使用關鍵字 class 創建一個 Class,后跟 Class 名稱:
class MyClass { // 代碼 }
登錄后復制
添加屬性
通過在構造函數中分配值來添加屬性:
class MyClass { constructor(name, age) { this.name = name; this.age = age; } }
登錄后復制
添加方法
使用 Class 中的函數定義方法:
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.`); } }
登錄后復制
創建對象實例
使用 new 關鍵字創建 Class 實例:
const myObject = new MyClass('John', 30);
登錄后復制
訪問屬性和方法
通過點語法訪問對象的屬性和方法:
console.log(myObject.name); // 'John' myObject.speak(); // 輸出 "My name is John and I am 30 years old."
登錄后復制
擴展 Class
使用 extends 關鍵字擴展其他 Class,繼承其屬性和方法:
class SubClass extends MyClass { constructor(name, age, hobby) { super(name, age); this.hobby = hobby; } }
登錄后復制
優勢
使用 Class 的優點包括:
更好的代碼組織
提高可讀性和可維護性
促進代碼復用
簡化對象創建