ES6中继承类时能否覆盖基类属性？实现可行性咨询

当然可以通过ES6类继承来覆盖基类的属性，但这里有个关键细节需要注意——基类构造函数的执行顺序。子类构造函数必须先调用super()才能访问this，而基类的构造逻辑会在super()调用时先执行，这时候基类的属性会被先初始化，之后子类再去覆盖就完全没问题。

举个最简单的例子：

class Base {
  constructor() {
    this.prop = true;
    console.log('基类构造执行时，prop的值:', this.prop);
  }
}

class Child extends Base {
  constructor() {
    super(); // 先触发基类构造，此时prop被设为true
    this.prop = false; // 在这里覆盖基类的属性
    console.log('子类构造执行时，prop的值:', this.prop);
  }
}

const childInstance = new Child();
// 控制台输出：
// 基类构造执行时，prop的值: true
// 子类构造执行时，prop的值: false
console.log('最终实例的prop:', childInstance.prop); // 输出 false

从结果能看到，最终实例的prop确实被覆盖成了false，完全符合你想要的效果。

不过如果你的基类构造函数里有依赖这个属性的逻辑（比如调用了某个使用this.prop的方法），那单纯事后覆盖就会有问题——因为基类构造执行时，子类还没来得及覆盖属性，基类里的逻辑会用初始值。比如：

class Base {
  constructor() {
    this.prop = true;
    this.logProp(); // 基类构造里调用方法，此时prop是true
  }

  logProp() {
    console.log('基类方法中prop的值:', this.prop);
  }
}

class Child extends Base {
  constructor() {
    super();
    this.prop = false;
    this.logProp(); // 子类构造里调用，此时prop才是false
  }
}

new Child();
// 控制台输出：
// 基类方法中prop的值: true
// 基类方法中prop的值: false

这种场景下，如果你希望基类构造执行时就使用子类想要的属性值，更好的方式是通过super()传递参数给基类构造函数，让基类直接用传入的值初始化属性：

class Base {
  constructor(propValue = true) {
    this.prop = propValue; // 用子类传入的参数初始化
    this.logProp();
  }

  logProp() {
    console.log('基类方法中prop的值:', this.prop);
  }
}

class Child extends Base {
  constructor() {
    super(false); // 调用super时直接传入false，基类初始化就用这个值
  }
}

new Child();
// 控制台输出：基类方法中prop的值: false

另外，如果你使用ES2022及以上的语法，还可以直接用类字段在子类中声明同名属性，同样能覆盖基类的类字段：

class Base {
  prop = true; // 基类类字段
}

class Child extends Base {
  prop = false; // 子类类字段直接覆盖
}

const instance = new Child();
console.log(instance.prop); // 输出 false

总的来说，你的需求完全可行，只是要根据基类的具体逻辑选择合适的覆盖方式——要么在super()之后手动赋值覆盖，要么通过super()传参让基类初始化时就用目标值，或者用类字段直接声明覆盖。

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