Javascript是一種解釋性的腳本語言，被廣泛應(yīng)用于Web開發(fā)，在實(shí)現(xiàn)動態(tài)效果的時候，Javascript是必不可少的。在Javascript中，類（class）作為一種重要的程序設(shè)計(jì)模式，可以讓開發(fā)者更好地組織代碼、復(fù)用代碼以及維護(hù)代碼。本文將介紹Javascript中類的屬性和方法，并通過舉例進(jìn)一步說明。 在Javascript中，類是由構(gòu)造函數(shù)（constructor function）和原型（prototype）組成的。構(gòu)造函數(shù)負(fù)責(zé)類的實(shí)例化，而原型則包含了實(shí)例對象所共享的屬性和方法。 定義一個類：

class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
sayHello() {
console.log(`Hello, my name is ${this.name}, I am ${this.age} years old.`);
}
}

可以看出，上面的代碼使用了class語法糖來定義了一個Person類。在類中，我們定義了一個構(gòu)造函數(shù)constructor和一個方法sayHello。構(gòu)造函數(shù)接收兩個參數(shù)name和age，并將它們保存為實(shí)例的兩個屬性。而sayHello方法則用template string將屬性輸出。 屬性 在Javascript中，類的屬性是保存在類的原型中的，因此，類中的每一個實(shí)例對象都可以訪問到它們。類的屬性可以分為兩種：實(shí)例屬性和靜態(tài)屬性。 實(shí)例屬性 實(shí)例屬性是每一個實(shí)例對象獨(dú)有的屬性，每個實(shí)例對象都可以擁有自己的值。在Javascript中，實(shí)例屬性通常在構(gòu)造函數(shù)中進(jìn)行初始化賦值。 例如，在上面的Person類中，我們定義了兩個實(shí)例屬性name和age。 調(diào)用實(shí)例屬性：

const john = new Person('John', 21);
console.log(john.name); // John
console.log(john.age); // 21

可以看出，在實(shí)例化一個Person對象之后，我們通過點(diǎn)語法訪問到了該對象的name和age屬性。每個實(shí)例對象都有自己的name和age屬性。 靜態(tài)屬性 靜態(tài)屬性是類自身擁有的屬性，與實(shí)例對象無關(guān)。在Javascript中，靜態(tài)屬性可以通過class語句的static關(guān)鍵字來定義。 例如，在下面的代碼中，我們定義了一個Animal類，其中有一個靜態(tài)屬性planet。

class Animal {
static planet = 'Earth';
constructor(name) {
this.name = name;
}
sayName() {
console.log(`My name is ${this.name} and I am from ${Animal.planet}.`);
}
}

需要注意的是，靜態(tài)屬性是與類相關(guān)的，而不是與每個實(shí)例對象相關(guān)的。當(dāng)我們實(shí)例化一個Animal對象時，該對象將不會繼承Animal.planet屬性。而只有Animal類本身可以訪問該屬性。 方法 在Javascript中，類的方法是通過類的原型來定義的，和類的屬性一樣，方法也可以分為實(shí)例方法和靜態(tài)方法。 實(shí)例方法 實(shí)例方法是每一個實(shí)例對象所共享的方法，每個實(shí)例對象都可以調(diào)用它。在Javascript中，實(shí)例方法也是定義在類的原型上的。 例如，在上面的Person類中，我們定義了一個實(shí)例方法sayHello，每個Person的實(shí)例對象都可以調(diào)用該方法輸出問候語。 實(shí)例化對象并調(diào)用實(shí)例方法：

const john = new Person('John', 21);
john.sayHello(); // Hello, my name is John, I am 21 years old.

可以看出，當(dāng)我們調(diào)用實(shí)例方法時，我們需要先通過實(shí)例化一個Person對象來訪問該方法。 靜態(tài)方法 靜態(tài)方法是類自身所擁有的方法，與實(shí)例對象無關(guān)。在Javascript中，靜態(tài)方法可以通過class語句的static關(guān)鍵字來定義。 例如，在下面的代碼中，我們定義了一個MathUtils類，其中有一個靜態(tài)方法square。

class MathUtils {
static square(num) {
return num * num;
}
}

當(dāng)我們需要計(jì)算某個數(shù)的平方時，我們可以直接調(diào)用MathUtils.square方法，不需要實(shí)例化一個MathUtils對象。 調(diào)用靜態(tài)方法：

console.log(MathUtils.square(10)); // 100

可以看出，當(dāng)我們調(diào)用靜態(tài)方法時，我們可以直接使用類名進(jìn)行訪問，不需要根據(jù)實(shí)例對象來調(diào)用。 以上就是Javascript類的屬性和方法的介紹。在實(shí)際開發(fā)中，我們可以留意到這些特性，更好地利用類來組織代碼、復(fù)用代碼以及維護(hù)代碼。