class 是 javascript 中創(chuàng)建對象模板的藍圖,它定義了對象的屬性和方法,通過使用 new 關(guān)鍵字創(chuàng)建實例訪問。class 的優(yōu)勢包括更好的代碼組織、更高的可讀性和可維護性,以及簡化的對象創(chuàng)建。class 可以通過構(gòu)造函數(shù)添加屬性,通過函數(shù)定義方法,并使用 extends 關(guān)鍵字擴展其他 class 以繼承其屬性和方法。
JavaScript 中 Class 的用法
什么是 Class?
Class 是 JavaScript 中的一個藍圖,用于創(chuàng)建對象的實例。它定義了對象的屬性和方法,充當了一個模板。
創(chuàng)建 Class
使用關(guān)鍵字 class 創(chuàng)建一個 Class,后跟 Class 名稱:
class MyClass { // 代碼 }
登錄后復制
添加屬性
通過在構(gòu)造函數(shù)中分配值來添加屬性:
class MyClass { constructor(name, age) { this.name = name; this.age = age; } }
登錄后復制
添加方法
使用 Class 中的函數(shù)定義方法:
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.`); } }
登錄后復制
創(chuàng)建對象實例
使用 new 關(guān)鍵字創(chuàng)建 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 關(guān)鍵字擴展其他 Class,繼承其屬性和方法:
class SubClass extends MyClass { constructor(name, age, hobby) { super(name, age); this.hobby = hobby; } }
登錄后復制
優(yōu)勢
使用 Class 的優(yōu)點包括:
更好的代碼組織
提高可讀性和可維護性
促進代碼復用
簡化對象創(chuàng)建