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

JavaScript静态方法属性详解

2026-01-30 21:19:49 0浏览收藏

哈喽！大家好，很高兴又见面了，我是golang学习网的一名作者，今天由我给大家带来一篇《JavaScript类的静态方法和属性是属于类本身的，而不是类的实例。它们可以通过类名直接访问，而不需要创建类的实例。静态方法静态方法是在类中使用 static 关键字定义的方法。这些方法不能被类的实例调用，只能通过类本身来调用。示例：class MyClass { static myStaticMethod() { console.log('这是静态方法'); } } MyClass.myStaticMethod(); // 正确 const obj = new MyClass(); obj.myStaticMethod(); // 报错：myStaticMethod is not a function静态属性静态属性是类自身的属性，而不是类的实例的属性。它们同样使用 static 关键字定义。示例：class MyClass { static myStaticProperty = '这是静态属性'; } console.log(MyClass.myStaticProperty); // 正确 const obj = new MyClass(); console.log(obj.myStaticProperty); // 报错：myStaticProperty is undefined使用场景静态方法：通常用于实现与类相关但不依赖于具体实例的功能，例如工厂方法、工具方法等。静态属性：用于存储类级别的数据，例如配置常量、计数器等。注意事项静态方法和属性在类的》，本文主要会讲到等等知识点，希望大家一起学习进步，也欢迎大家关注、点赞、收藏、转发! 下面就一起来看看吧！

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;
  }
}