什么是Javascript的类静态方法与属性？

紅蓮之龍 2025-12-15 00:00:00 次阅读

JavaScript中类的静态方法与属性直接定义在类本身上，不依赖实例即可调用；静态方法用static声明、通过类名调用、不可访问this及实例成员，常用于工具函数或工厂方法；静态属性同样用static声明，为类级别共享值，通过类名访问，适合存放版本号、默认配置等。

JavaScript 中的类静态方法与属性，是直接定义在类本身上、不依赖实例就能调用的方法和值，它们不属于某个具体对象，而是属于整个类。

静态方法：类名直接调用，不需 new 实例

用 static 关键字声明，只能通过类名调用，不能通过实例调用。常用于工具函数、工厂方法或与类逻辑相关但无需访问实例数据的操作。

写法：static methodName() { ... }
调用：ClassName.methodName()（比如 Date.now() 就是静态方法）
不能访问 this（因为没实例），也不能访问实例属性或方法
常见用途：创建实例的快捷方式（如 User.createAdmin()）、数据验证、格式化工具

静态属性：类自身的固定值或共享配置

同样用 static 声明，是类级别的常量或默认设置，所有实例共享同一份值（但不可通过实例修改）。

写法：static propertyName = value（ES2025+ 支持公有静态字段）
访问：ClassName.propertyName（比如 Array.isArray 是静态方法，Math.PI 是静态属性）
适合放版本号、默认配置、枚举值等不随实例变化的信息
注意：静态属性不会被子类继承（除非显式复制或使用 extends 配合 static 重写）

静态成员与原型成员的区别很关键

实例方法和属性存在于类的 prototype 上，每个实例都能访问；而静态成员只挂在构造函数（类名）本身上。

User.prototype.sayHi → 所有 new User() 都能用
User.countUsers → 只能 User.countUsers()，u1.countUsers() 报错
内存角度：静态成员只有一份；原型方法每实例不重复创建，但共享同一函数引用

实际小例子帮你记住

假设一个 Circle 类：

class Circle {
  static PI = Math.PI;                    // 静态属性
  static fromDiameter(d) {                // 静态方法：工厂函数
    return new Circle(d / 2);
  }
  constructor(r) {
    this.radius = r;
  }
  getArea() {                             // 实例方法
    return Circle.PI * this.radius ** 2;
  }
}