JavaScript：如何在实例方法中动态访问当前类的静态成员？

问题核心 #

需要实现多个类共享「通过ID复用已有实例」的逻辑，每个类的实例池（library）作为静态属性存储，但在实例构造函数中无法像PHP的static::那样动态获取当前类的静态成员。原方案存在硬编码基类、子类共享同一个Map的问题，现有解决方式重复代码过多。

可行解决方案 #

方法1：利用this.constructor动态访问当前类 #

在实例作用域中，this.constructor指向当前实例所属的类，通过它可以直接访问该类的静态属性，无需硬编码类名或额外定义冗余属性。

修改后的基类与子类实现：

class HasLibrary {
    static retrieve(id) {
        return new this(id);
    }

    constructor(id) {
        // 通过this.constructor获取当前类，动态访问其静态library
        const CurrentClass = this.constructor;
        const existing = CurrentClass.library.get(id);
        if (existing) {
            return existing;
        }

        this.id = id;
        CurrentClass.library.set(id, this);
    }
}

class Tag extends HasLibrary {
    // 子类单独定义静态library，确保实例池独立
    static library = new Map();

    constructor(name, options) {
        const existing = super(name);
        if (existing) return existing;

        // Tag专属初始化逻辑
        this.name = name;
        this.options = options || {};

        return this;
    }
}

class Product extends HasLibrary {
    static library = new Map();

    constructor(name, options) {
        const existing = super(name);
        if (existing) return existing;

        // Product专属初始化逻辑
        this.productName = name;
        this.details = options || {};

        return this;
    }
}

方法2：用装饰器封装实例池逻辑（ES2022+） #

如果项目支持ES装饰器，可以把实例池逻辑完全抽象成装饰器，子类无需关注实例池的实现细节，进一步减少重复代码：

function withInstanceLibrary(BaseClass) {
    return class extends BaseClass {
        static library = new Map();

        static retrieve(id) {
            return new this(id);
        }

        constructor(...args) {
            const id = args[0];
            const existing = this.constructor.library.get(id);
            if (existing) {
                return existing;
            }
            super(...args);
            this.constructor.library.set(id, this);
        }
    };
}

// 给业务类添加实例池能力
@withInstanceLibrary
class Tag {
    constructor(name, options) {
        this.name = name;
        this.options = options || {};
    }
}

@withInstanceLibrary
class Product {
    constructor(name, options) {
        this.productName = name;
        this.details = options || {};
    }
}

关键说明 #

• this.constructor是JavaScript中替代PHPstatic::的最佳方案，能在实例作用域中动态指向当前类，实现静态成员的访问。
• 每个子类必须单独定义static library = new Map()，确保各个类的实例池相互独立，不会出现数据混叠。
• 装饰器方案进一步封装逻辑，让业务类可以更专注自身的业务实现，符合开闭原则。

内容的提问来源于stack exchange，提问作者David