JavaScript 静态方法

学习目标

理解 JavaScript 中静态方法的定义与调用方式
掌握静态方法的核心特性及其与实例方法的区别
熟悉静态方法在工具函数、工厂模式和单例模式中的典型应用场景
能够结合静态属性实现类级别的状态管理

什么是静态方法

在 JavaScript 中，静态方法（Static Methods） 是直接定义在类上的函数，不能通过类的实例调用，而必须通过类本身调用。它们通常用于封装与类相关但不依赖于具体对象实例的逻辑。

基本语法

class ClassName {
    static methodName() {
        // 方法逻辑
    }
}

示例：数学工具类

class MathUtils {
    static add(a, b) {
        return a + b;
    }

    static multiply(a, b) {
        return a * b;
    }
}

// 直接通过类调用静态方法
console.log(MathUtils.add(5, 3));      // 输出：8
console.log(MathUtils.multiply(4, 6)); // 输出：24

注意：无需使用 new MathUtils() 创建实例即可调用这些方法。

静态方法的核心特性

基于类调用
静态方法只能通过类名调用（如 ClassName.method()），不能通过实例调用。
无法访问实例属性或 this
在静态方法内部，this 指向的是类构造函数本身，而非实例对象。因此，不能访问实例属性或调用实例方法。
适用于共享逻辑
适合实现与具体对象无关的通用功能，例如工具函数、验证逻辑、对象创建等。

典型应用场景

1. 封装内置函数

Math.max() 的包装

class Calc {
    static getMax(...numbers) {
        return Math.max(...numbers);
    }
}

console.log(Calc.getMax(1, 5, 3, 9)); // 输出：9

该方法利用剩余参数（...numbers）接收任意数量的数值，并借助 Math.max() 返回最大值。

2. 类型校验

检查是否为数组

class Validator {
    static check(input) {
        return Array.isArray(input);
    }
}

console.log(Validator.check([1, 2, 3])); // true
console.log(Validator.check('hello'));   // false

通过静态方法提供类型判断能力，避免了不必要的实例化开销。

3. 管理类级别状态

计数器

class Count {
    static c = 0;

    static inc() {
        return ++Count.c;
    }

    static reset() {
        Count.c = 0;
    }
}

console.log(Count.inc()); // 1
console.log(Count.inc()); // 2
Count.reset();
console.log(Count.inc()); // 1

这里使用了静态属性 c 来记录调用次数。静态属性属于类本身，所有调用共享同一状态。

提示：静态属性需在支持 ES2022 或更高版本的环境中运行，或通过 Babel 等工具转译。

4. 工厂方法

简化对象创建

class User {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    static create(name, age) {
        return new User(name, age);
    }
}

const user = User.create('Ajay', 30);
console.log(user); // User { name: 'Ajay', age: 30 }

create 是一个静态工厂方法，它隐藏了 new 关键字的使用，使对象创建更语义化，也便于后续扩展（如添加验证、默认值等）。

5. 实现单例模式

class DB {
    static instance;

    constructor() {
        if (DB.instance) {
            return DB.instance;
        }
        DB.instance = this;
    }

    static getInstance() {
        if (!DB.instance) {
            DB.instance = new DB();
        }
        return DB.instance;
    }
}

const obj1 = new DB();
const obj2 = new DB();
console.log(obj1 === obj2); // true

或者更推荐使用静态方法获取实例：

const db1 = DB.getInstance();
const db2 = DB.getInstance();
console.log(db1 === db2); // true

该模式确保整个应用中只有一个 DB 实例，常用于数据库连接、配置管理等场景。

重点总结

静态方法通过 static 关键字定义，只能通过类名调用。
静态方法不能访问实例属性或 this 指向的实例。
常用于：工具函数、类型校验、工厂方法、单例模式、类级别状态管理。
静态属性（如 static count = 0）可与静态方法配合，维护类范围内的共享数据。
在设计模式中，静态方法是实现工厂模式和单例模式的关键手段。

思考题

为什么在静态方法中无法访问 this.name（假设 name 是实例属性）？请从作用域和调用上下文角度解释。
如果将 User.create() 改为普通实例方法，会带来哪些问题？静态工厂方法相比直接使用 new User() 有哪些优势？
在单例模式中，如果同时允许通过 new DB() 和 DB.getInstance() 创建对象，可能会导致什么问题？如何彻底禁止外部直接调用构造函数？