从ES6类静态方法调用构造函数：单例模式实现问题

你的代码里有两个关键问题导致getInstance()无法返回正确的TestClass实例，我来一步步拆解并修复：

1. 错误的实例创建方式 #

你在getInstance()里写了instance = TestClass.constructor();，这里的TestClass.constructor其实指向的是原生Function构造函数，而不是TestClass自身的构造函数。执行这行代码相当于调用new Function()，得到的是一个空函数对象，完全不是TestClass的实例，自然无法调用testMethod()。

2. 构造函数的new.target判断限制 #

你的构造函数里判断if(new.target)就抛错，这意味着：

• 用new TestClass()创建实例会直接报错（符合你的设计意图）
• 但直接调用TestClass()（不用new）时，在严格模式下this是undefined，构造函数没有返回值的话会返回undefined，同样得不到有效实例

修正后的代码方案 #

下面提供两种可行的修正方式，你可以根据需求选择：

方案一：使用Object.create+构造函数调用 #

这种方式手动创建原型链正确的实例，再调用构造函数完成初始化：

let instance;
export class TestClass{
    constructor(){
        // 只禁止直接用 new TestClass() 创建实例
        if(new.target === TestClass){
            throw new Error(`Can't create instance of singleton class with new keyword. Use getInstance() static method instead`);
        }
    }
    testMethod(){
        console.log('test');
    }
    static getInstance(){
        if(!instance) {
            // 创建原型指向 TestClass.prototype 的空对象
            instance = Object.create(TestClass.prototype);
            // 调用构造函数初始化实例，此时 new.target 为 undefined，不会触发错误
            TestClass.call(instance);
        }
        return instance;
    }
}

方案二：使用Reflect.construct绕过new.target检查 #

利用Reflect.construct的第三个参数指定new.target为null，这样构造函数里的new.target判断不会触发：

let instance;
export class TestClass{
    constructor(){
        if(new.target){
            throw new Error(`Can't create instance of singleton class with new keyword. Use getInstance() static method instead`);
        }
    }
    testMethod(){
        console.log('test');
    }
    static getInstance(){
        if(!instance) {
            // 第三个参数设为 null，让 new.target 为 undefined
            instance = Reflect.construct(TestClass, [], null);
        }
        return instance;
    }
}

测试验证 #

调用修正后的代码：

const testInstance = TestClass.getInstance();
testInstance.testMethod(); // 正常输出 'test'

// 尝试用 new 创建实例会触发错误
try {
    const invalidInstance = new TestClass();
} catch (e) {
    console.log(e.message); // 输出预期的错误提示
}

另一种更简洁的ES6单例实现（可选） #

如果你不需要严格禁止new关键字，也可以用静态私有属性来实现更简洁的单例：

export class TestClass{
    // 静态私有属性存储唯一实例
    static #instance;

    constructor(){
        // 如果实例已存在，直接返回
        if(TestClass.#instance){
            return TestClass.#instance;
        }
        // 初始化实例
        TestClass.#instance = this;
    }

    testMethod(){
        console.log('test');
    }

    static getInstance(){
        if(!TestClass.#instance){
            new TestClass();
        }
        return TestClass.#instance;
    }
}

这种方式下，无论是调用getInstance()还是new TestClass()，都会返回同一个实例。

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