当前位置：首页 > 文章列表 > 文章 > 前端 > JavaScript静态方法属性详解与应用

JavaScript静态方法属性详解与应用

2026-01-04 21:36:53 0浏览收藏

从现在开始，我们要努力学习啦！今天我给大家带来《JavaScript类的静态方法和属性是指属于类本身，而不是类的实例的方法和属性。它们通过 static 关键字定义，可以直接通过类名访问，而不需要创建类的实例。静态属性（Static Properties）静态属性是属于类本身的属性，而不是类的实例。它们通常用于存储与类相关但不依赖于具体实例的数据。示例：class MyClass { static myStaticProperty = '我是静态属性'; } console.log(MyClass.myStaticProperty); // 输出: 我是静态属性静态方法（Static Methods）静态方法是属于类本身的方法，而不是类的实例。它们通常用于执行与类相关但不依赖于具体实例的操作。示例：class MyClass { static myStaticMethod() { console.log('我是静态方法'); } } MyClass.myStaticMethod(); // 输出: 我是静态方法使用场景静态属性：用于存储类级别的配置、常量或共享数据。静态方法：用于实现与类相关的工具函数或工厂方法。注意事项静态方法不能直接访问类的实例属性或方法，因为它们不依赖于具体的实例。静态方法和属性在类的原型上不存在，而是直接附加到类本身。示例：结合》，感兴趣的朋友请继续看下去吧！下文中的内容我们主要会涉及到等等知识点，如果在阅读本文过程中有遇到不清楚的地方，欢迎留言呀！我们一起讨论，一起学习！

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

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

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

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

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

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

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

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

写法：static propertyName = value（ES2022+ 支持公有静态字段）
访问：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;
  }
}