如何在父类构造函数中识别调用它的子类-js教程-PHP中文网

JavaScript 中无法直接在父类 constructor 内自动获知具体是哪个子类实例化了它，但可通过 this.constructor 安全获取当前实例的真实构造函数，从而判断子类身份。

javascript 中无法直接在父类 `constructor` 内自动获知具体是哪个子类实例化了它，但可通过 `this.constructor` 安全获取当前实例的真实构造函数，从而判断子类身份。

在 JavaScript 的原型继承机制下，this 在父类构造函数中始终指向正在被创建的实例（即子类实例），而该实例的 constructor 属性默认指向其实际的构造函数——也就是调用 super() 的那个子类。因此，我们可以在 Parent 构造函数中通过 this.constructor 动态识别调用者：

class Parent {
  constructor() {
    console.log("parent");

    // ✅ 安全获取当前实例所属的子类构造函数
    const ChildClass = this.constructor;

    if (ChildClass === Child1) {
      console.log("Instantiated by Child1");
    } else if (ChildClass === Child2) {
      console.log("Instantiated by Child2");
    } else {
      console.log(`Instantiated by unknown subclass: ${ChildClass.name || '(anonymous)'}`);
    }
  }
}

class Child1 extends Parent {
  constructor() {
    console.log("child 1");
    super(); // 此时 this.constructor === Child1
  }
}

class Child2 extends Parent {
  constructor() {
    console.log("child 2");
    super(); // 此时 this.constructor === Child2
  }
}

const c1 = new Child1(); // 输出: "child 1" → "parent" → "Instantiated by Child1"
const c2 = new Child2(); // 输出: "child 2" → "parent" → "Instantiated by Child2"

⚠️ 注意事项：

不要依赖 arguments.callee 或 new.target 在 super() 前访问子类信息：new.target 虽然在父类构造函数中确实等于子类构造函数，但它属于元属性，语义上更推荐用于检测是否被 new 调用；而 this.constructor 更直观、可读性更强，且兼容性良好（ES6+）。
避免硬编码字符串比较（如 this.constructor.name === 'Child1'）：类名可能被压缩工具（如 Terser）修改，导致运行时失效；优先使用严格相等（===）比较构造函数引用。
若需扩展性设计，推荐策略仍是“模板方法”：在父类定义抽象钩子（如 getSubclassName()），由子类实现，既解耦又利于类型检查与维护：

class Parent {
  constructor() {
    console.log("parent");
    console.log(`Subclass: ${this.getSubclassName()}`);
  }
  getSubclassName() {
    return this.constructor.name || 'Unknown';
  }
}

class Child1 extends Parent {
  getSubclassName() { return 'Child1'; }
}

综上，this.constructor 是在父类中识别具体子类最直接、可靠且符合语言设计意图的方式，兼顾简洁性与工程健壮性。