ES6父子类中，能否在子类构造函数执行后立即执行父类代码？

这问题我之前在项目里也碰到过，刚好有两个靠谱的解法，既能不用修改大量子类，又能保持new Child()的简洁实例化方式，咱们来看：

解法一：异步微任务（简单省心，适合非严格同步场景） #

利用浏览器/Node.js的微任务机制，让父类的后续逻辑等当前同步代码（包括子类的someChildCode()）执行完再触发：

class Parent {
  constructor() {
    // 将后续逻辑放入微任务，等子类同步代码执行完毕后运行
    queueMicrotask(() => {
      this.postChildInit();
    });
  }

  // 封装需要在子类代码后执行的逻辑
  postChildInit() {
    console.log("父类逻辑：在子类someChildCode之后执行");
    // 这里写你实际需要的操作
  }
}

class Child extends Parent {
  constructor() {
    super();
    someChildCode();
  }
}

function someChildCode() {
  console.log("子类的someChildCode执行");
}

// 实例化方式完全不变
new Child();

执行顺序输出：

子类的someChildCode执行
父类逻辑：在子类someChildCode之后执行

这个方法的好处是零子类修改，代码也最简单，唯一需要注意的是逻辑是异步执行的，如果你的父类后续逻辑需要严格同步（比如依赖子类代码执行后的状态做同步操作），可以用下面的方案。

解法二：同步执行（利用构造顺序调整） #

通过手动控制实例创建和构造函数执行顺序，实现父类逻辑在子类代码后同步运行：

class Parent {
  constructor() {
    // 如果是子类调用super()，调整执行顺序
    if (new.target !== Parent) {
      const ChildClass = new.target;
      // 创建子类实例原型链，不触发父类构造
      const instance = Object.create(ChildClass.prototype);
      // 手动执行子类构造逻辑，绑定this到新实例
      ChildClass.call(instance);
      // 执行父类后续逻辑
      this.postChildInit.call(instance);
      // 返回这个已初始化完成的实例，替代默认的this
      return instance;
    }
    // 如果直接实例化Parent，正常执行初始化
    this.postChildInit();
  }

  postChildInit() {
    console.log("父类逻辑：在子类someChildCode之后执行");
  }
}

class Child extends Parent {
  constructor() {
    super();
    someChildCode();
  }
}

function someChildCode() {
  console.log("子类的someChildCode执行");
}

// 实例化方式依然保持简洁
new Child();

执行顺序输出：

子类的someChildCode执行
父类逻辑：在子类someChildCode之后执行

这个方案是完全同步的，适合对执行顺序有严格要求的场景，同样不需要修改任何子类代码，完美适配你子类数量多的情况。

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