如何通过 new.target 判定函数是否作为类构造函数被调用-js教程-PHP中文网

new.target 是 JavaScript 中用于检测函数是否通过 new 调用的元属性：构造调用时指向当前类或函数，否则为 undefined；可用于类保护、混合函数、继承链识别及抽象基类实现。

如何通过 new.target 判定函数是否作为类构造函数被调用

new.target 是 JavaScript 中用于检测函数是否通过 new 关键字调用的元属性。它在函数体内可用，当函数作为构造函数被调用（即用 new）时，new.target 指向当前构造函数；否则为 undefined。这个特性对区分普通函数调用和类/构造函数调用非常关键，尤其在编写可同时支持两种调用方式的“混合函数”时。

判断是否作为类构造函数被调用

类的构造方法（constructor）内部，new.target 总是指向该类本身（或其子类）。因此，在类中直接检查 new.target 是否存在即可确认是否通过 new 调用：

若 new.target !== undefined，说明是通过 new Class() 调用的；
若 new.target === undefined，说明是直接调用（如 Class()），此时应抛错或拒绝执行——因为类不能被当作普通函数调用。

例如：

class Person {
  constructor(name) {
    if (!new.target) throw new TypeError('Person must be called with new');
    this.name = name;
  }
}

在普通函数中模拟类的调用约束

ES5 风格的构造函数也可以用 new.target 实现类似保护逻辑（需运行在支持 ES6+ 的环境中）：

检查 new.target === undefined：表示被当成普通函数调用，可选择抛错、返回新实例，或记录警告；
检查 new.target === arguments.callee（不推荐）或更稳妥地与函数自身比对（如 new.target === MyConstructor）可进一步确认是否由本函数直接构造；
注意：new.target 在箭头函数中不可用，且在普通函数顶层（非构造调用）中为 undefined。

示例（安全的工厂式构造）：

function Vehicle(type) {
if (!new.target) return new Vehicle(type); // 自动补 new
this.type = type;
}

识别继承链中的实际构造者

new.target 在继承中指向**最初 new 调用的目标类**，而非当前执行的构造函数。这使得父类能感知到是哪个子类触发了实例化：

子类继承父类构造器时，即使父类构造器中执行 new.target，它也指向子类；
可用于实现“仅允许子类实例化”的抽象基类（如 if (new.target === BaseClass) throw Error()）；
也可用于动态初始化逻辑，比如根据 new.target.name 加载不同配置。

例如：

class Animal {
  constructor() {
    console.log('Instantiated as:', new.target.name);
  }
}
class Dog extends Animal {}
new Dog(); // 输出：Instantiated as: Dog