子类constructor执行完成后父类触发回调的内置机制是否存在？

结论 #

JavaScript 没有内置支持该需求的原生机制，你需要自行实现对应能力。

两种常用实现方案 #

方案1：父类内置微任务钩子（子类无侵入）

利用JS事件循环机制，同步构造链执行完成后才会处理微任务的特性，在父类构造函数中注册微任务触发constructorComplete，子类不需要做任何额外适配：

class Parent {
  constructor(){
    console.log(1);
    // 微任务会在所有层级的构造函数同步逻辑执行完成后触发
    queueMicrotask(() => {
      this.constructorComplete();
    });
  }

  constructorComplete(){
    console.log(5);
  }
}

class Child extends Parent {
  constructor(){
    super()
    console.log(2);
  }

  constructorComplete(){
    console.log(4);
    super.constructorComplete();
  }
}

class Grandchild extends Child {
  constructor(){
    super()
    console.log(3);
  }
}

// 测试实例化
new Grandchild();
// 输出顺序：1 → 2 → 3 → 4 → 5

如果需要兼容不支持queueMicrotask的旧环境，可以替换为Promise.resolve().then(() => this.constructorComplete())，效果一致。

注意：该方案的constructorComplete是异步执行的，仅会等待构造函数内的同步逻辑执行完成，不会等待构造函数内部发起的异步任务。

方案2：工厂函数封装（同步执行）

如果你需要constructorComplete同步执行，不引入异步时序，可以统一用工厂函数完成实例化和钩子调用：

// 统一实例化工厂
function createInstance(Clazz, ...args) {
  const instance = new Clazz(...args);
  instance.constructorComplete();
  return instance;
}

// 所有类的定义和你给出的示例完全一致，不需要修改
class Parent { /* 原定义 */ }
class Child extends Parent { /* 原定义 */ }
class Grandchild extends Child { /* 原定义 */ }

// 实例化时使用工厂函数代替new关键字
const grandchild = createInstance(Grandchild);
// 输出顺序：1 → 2 → 3 → 4 → 5，全链路同步执行

该方案的缺点是所有实例化操作都需要调用工厂函数，不能直接使用new关键字。

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