如何在TypeScript中修改父类继承属性的类型并重写方法

TypeScript不允许子类属性类型与基类属性类型直接冲突，这是为了遵循里氏替换原则，保证子类可以安全替换基类使用。要实现你的需求，有以下几种规范的方式：

1. 基类使用泛型（推荐） #

修改基类为泛型类，让attr1的类型可配置，这样子类可以指定具体的类型，同时继承所有其他属性和方法：

class myFirstClass<T = string> {
  attr1: T;
  attr2: number;

  constructor(attr1?: T) {
    this.attr1 = (attr1 ?? 'test') as T;
    this.attr2 = 1;
  }

  firstMethod() {
    console.log("test1");
  }
}

class mySecondClass extends myFirstClass<boolean> {
  constructor() {
    super(true); // 传入boolean类型的attr1初始值
    this.attr2 = 1;
  }

  firstMethod() {
    console.log("test2");
  }
}

// 测试
const instance = new mySecondClass();
console.log(instance.attr1); // true（类型为boolean）
instance.firstMethod(); // 输出test2

这种方式既保留了基类的复用性，又能让子类灵活指定属性类型，完全符合TypeScript的类型规则。

2. 组合替代继承（若基类无法修改） #

如果不能修改原基类，可以用组合的方式包装基类实例，暴露需要的属性和方法，同时修改目标属性的类型：

class myFirstClass {
  attr1: string;
  attr2: number;

  constructor() {
    this.attr1 = 'test';
    this.attr2 = 1;
  }

  firstMethod() {
    console.log("test1");
  }
}

class mySecondClass {
  private baseInstance: myFirstClass;
  attr1: boolean;
  attr2: number;

  constructor() {
    this.baseInstance = new myFirstClass();
    this.attr1 = true;
    this.attr2 = this.baseInstance.attr2;
  }

  firstMethod() {
    console.log("test2");
  }

  // 若需要基类的其他方法，直接转发
  otherBaseMethod() {
    this.baseInstance.otherBaseMethod();
  }
}

这种方式需要手动转发基类的方法，适合基类固定无法修改的场景。

3. 类型断言（不推荐，仅临时应急） #

用类型断言绕开TypeScript的类型检查，但会失去类型安全，不建议在生产代码中使用：

class myFirstClass {
  attr1: string;
  attr2: number;

  constructor() {
    this.attr1 = 'test';
    this.attr2 = 1;
  }

  firstMethod() {
    console.log("test1");
  }
}

class mySecondClass extends myFirstClass {
  constructor() {
    super();
    (this as any).attr1 = true; // 用any断言绕开类型检查
    this.attr2 = 1;
  }

  firstMethod() {
    console.log("test2");
  }
}

// 使用时需要断言attr1的类型
const instance = new mySecondClass();
console.log(instance.attr1 as boolean);

这种方式会破坏类型系统的安全性，可能导致潜在的运行时错误，仅作为临时解决方案。

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