JavaScript中如何调用抽象类方法？Proxy实例化后方法调用问题

嘿，我明白你的困扰——你有个带new.target检查的抽象类，想用Proxy绕过子类化直接实例化，但调用方法时出问题了对吧？咱们一步步拆解解决。

首先先补全你的代码示例，方便大家理解场景：

function AbstractNumbers(...args) {
  if (new.target === AbstractNumbers) {
    throw new Error('Cannot instantiate abstract class');
  }
  this.numbers = args;
}

// 抽象类上定义的实例方法
AbstractNumbers.prototype.sum = function() {
  return this.numbers.reduce((acc, curr) => acc + curr, 0);
};

你之前尝试用Proxy的construct陷阱来实例化，但方法调用失败，大概率是因为实例没有正确初始化，或者this指向出了问题。下面给你两种靠谱的解决方案：

方案1：用Reflect.construct指定合法的new.target #

Reflect.construct可以帮我们在调用构造函数时，手动指定new.target的值，完美绕过抽象类的检查，同时正常执行构造函数里的初始化逻辑：

const NumbersProxy = new Proxy(AbstractNumbers, {
  construct(target, args) {
    // 第三个参数传入一个空函数，让new.target不等于AbstractNumbers
    return Reflect.construct(target, args, function() {});
  }
});

测试一下：

const instance = new NumbersProxy(1, 2, 3);
console.log(instance.numbers); // [1,2,3]
console.log(instance.sum()); // 6

完全正常！因为Reflect.construct会正确创建继承自AbstractNumbers.prototype的实例，同时执行构造函数初始化this.numbers，方法调用时this也能正确指向实例。

方案2：创建临时子类实例 #

另一种思路是在construct陷阱里动态生成一个临时子类，用这个子类来实例化——毕竟抽象类只阻止直接实例化自身，子类实例化是允许的：

const NumbersProxy = new Proxy(AbstractNumbers, {
  construct(target, args) {
    // 动态创建临时子类
    class TempSubclass extends target {}
    // 返回子类的实例
    return new TempSubclass(...args);
  }
});

测试效果和方案1完全一致，这种方式更直观，适合理解new.target的检查逻辑。

为什么你之前的方法调用会失败？ #

大概率是你在construct陷阱里只创建了原型对象，却没调用构造函数初始化：

// 错误示例：只创建原型对象，没执行构造函数
construct(target, args) {
  return Object.create(target.prototype);
}

这样实例上根本没有numbers属性，调用sum()时自然会报错。上面的两种方案都确保了构造函数被正确执行，实例属性和方法都能正常工作。

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