在本章中，我们将深入探讨 JavaScript 类中的静态属性。静态属性属于类本身，而不是类的实例。这意味着无论创建了多少个该类的实例，静态属性都只有一个副本，并且可以通过类名直接访问。
静态属性的定义与使用
定义静态属性
要定义一个静态属性，我们可以在类中使用 static 关键字来声明。静态属性通常用于存储与类相关的数据，这些数据不会随着类的实例而改变。
class MyClass {
static myStaticProperty = "这是一个静态属性";
}
console.log(MyClass.myStaticProperty); // 输出: "这是一个静态属性"访问静态属性
静态属性可以直接通过类名进行访问，而无需创建类的实例。这使得静态属性非常适合用于类级别的配置、常量或共享数据。
class MathUtil {
static PI = 3.14;
}
console.log(MathUtil.PI); // 输出: 3.14静态属性与实例属性的区别
静态属性和实例属性之间存在一些关键区别，理解这些差异有助于我们在实际编程中正确地使用它们。
实例属性
实例属性是每个类的实例都有其独立的副本，因此修改一个实例的属性不会影响其他实例的同名属性。
// www.javascriptcn.com code example
class Person {
constructor(name) {
this.name = name;
}
}
const person1 = new Person("Alice");
const person2 = new Person("Bob");
person1.name = "Charlie"; // 修改实例属性
console.log(person1.name); // 输出: "Charlie"
console.log(person2.name); // 输出: "Bob"静态属性
与实例属性不同，静态属性属于类本身，所有实例共享同一个静态属性。因此，对一个实例静态属性的修改会反映到其他所有实例上。
// www.javascriptcn.com code example
class Counter {
static count = 0;
constructor() {
Counter.count++;
}
static getCount() {
return Counter.count;
}
}
const instance1 = new Counter();
const instance2 = new Counter();
console.log(Counter.getCount()); // 输出: 2静态方法与静态属性的结合使用
除了静态属性外，我们还可以为类定义静态方法。静态方法同样可以通过类名直接调用，而不需要创建类的实例。
// www.javascriptcn.com code example
class Calculator {
static add(a, b) {
return a + b;
}
static subtract(a, b) {
return a - b;
}
}
console.log(Calculator.add(5, 3)); // 输出: 8
console.log(Calculator.subtract(10, 4)); // 输出: 6实践示例：使用静态属性实现单例模式
静态属性也可以用来实现单例模式，确保类只能有一个实例。
// www.javascriptcn.com code example
class Singleton {
static instance;
constructor(message) {
if (!Singleton.instance) {
this.message = message;
Singleton.instance = this;
} else {
return Singleton.instance;
}
}
getMessage() {
return this.message;
}
}
const instance1 = new Singleton("Hello");
const instance2 = new Singleton("World");
console.log(instance1.getMessage()); // 输出: "Hello"
console.log(instance2.getMessage()); // 输出: "Hello"在这个例子中，无论创建多少个 Singleton 的实例，都只会返回第一个实例。
总结
通过本章的学习，我们了解了如何在 JavaScript 中定义和使用静态属性。静态属性提供了对类级别的数据访问能力，适合用于存储类相关的配置信息或共享数据。同时，我们还讨论了静态属性与实例属性之间的区别，以及如何将静态属性与静态方法结合起来使用。掌握这些知识将帮助你在构建复杂应用时更好地组织代码和数据。