在深入理解JaScript類與物件的過程中，類欄位和靜態屬性是兩個關鍵的概念，掌握它們的用法可以讓你在實際開發中更加得心應手。雖然JaScript在ES6之前並沒有類的概念，但透過ES6及以後的版本，引入了類語法糖，使得我們能夠更直觀地定義和使用類。
類欄位是指在類中直接定義的屬性，而不是在建構函式或方法中定義的。以前，如果我們想要在類中定義一個屬性，通常是在建構函式中透過this關鍵字來進行賦值操作。而有了類欄位後，我們可以直接在類的定義中書寫，程式碼更加簡潔且可讀性更高。
舉個例子：
class Person {
name = 'John Doe';
age = 30;
}
在這個例子中，name和age就是類欄位，它們直接在類中定義，並且賦予了預設值。這樣做的好處是，類的結構更為清晰，屬性的初始化一目瞭然。
另一方面，靜態屬性是屬於類本身的，而不是類的例項。換句話說，靜態屬性可以透過類名直接訪問，而不需要例項化物件。這在需要定義一些通用的、共享的屬性或方法時非常有用。
舉個例子：
class MathUtils {
static PI = 3.14159;
static calculateCircleArea(radius) {
return MathUtils.PI * radius * radius;
}
}
在這個例子中，PI是一個靜態屬性，它儲存了圓周率的值。calculateCircleArea方法使用了這個靜態屬性來計算圓的面積。由於PI是靜態屬性，我們可以直接透過MathUtils.PI來訪問它，而不需要建立MathUtils的例項。這不僅節省了記憶體，還使程式碼更加簡潔。
理解和合理使用類欄位和靜態屬性，能夠極大地提升程式碼的組織性和可維護性。在實際開發中，當你需要為每個例項都定義不同的屬性時，可以考慮使用類欄位；而當某個屬性或方法是與具體例項無關且對所有例項共享時，靜態屬性則是更好的選擇。
透過這些機制，JaScript的物件導向程式設計得到了更好的支援，開發者在設計和實現複雜的應用程式時也變得更加遊刃有餘。因此，深入掌握類欄位和靜態屬性的用法，是每一個JaScript開發者都應該具備的技能。
文章轉載自：https://www.96tuji.cn/585.html