TypeScript构造函数重载与子类构造函数重写的正确方式

让我来一步步帮你解决这两个TypeScript构造函数的问题：

1. TypeScript中构造函数的正确重载方式 #

在TypeScript里，构造函数的重载需要遵循「先声明重载签名，再写实现逻辑」的规则：

• 首先定义多个重载签名：这些签名只描述不同的参数组合和返回类型，没有函数体。
• 然后写一个实现签名：这个签名必须能兼容所有重载签名的参数，并且包含实际的初始化逻辑。

举个实际的例子，比如我们要让一个User类支持两种构造方式——只传姓名，或者姓名加年龄：

class User {
  name: string;
  age?: number;

  // 重载签名1：仅接收姓名参数
  constructor(name: string);
  // 重载签名2：接收姓名和年龄参数
  constructor(name: string, age: number);
  // 实现签名：兼容所有重载的参数（这里用可选参数age覆盖两种情况）
  constructor(name: string, age?: number) {
    this.name = name;
    if (age !== undefined) {
      this.age = age;
    }
  }
}

// 调用时会自动匹配对应的重载
const user1 = new User("Alice");
const user2 = new User("Bob", 30);

需要注意的是，实现签名的参数类型必须包含所有重载签名的参数可能性，比如这里用可选参数age来同时兼容两种重载场景。

2. 子类中正确重写构造函数的方式 #

看你给出的Person父类，它的构造函数用参数属性的方式直接声明了firstName和lastName两个公共属性，所以子类Employee的构造函数需要满足两个核心要求：

1. 必须在访问this之前调用super()，并且传入父类构造函数要求的所有参数（也就是firstName和lastName）
2. 可以添加子类专属的参数（比如你的Salary），同样可以用参数属性简化代码

修正后的Employee类代码如下：

import { Person } from './class';

export class Employee extends Person {
  // 这里直接用清晰的参数名，也可以保留你原来的afirstName/alastName，只要传给super对应正确就行
  public constructor(firstName: string, lastName: string, public salary: number) {
    // 第一步必须调用super，传入父类需要的两个参数
    super(firstName, lastName);
    // 如果有其他子类专属的初始化逻辑，写在这里（必须在super之后）
  }

  // 可选：重写父类的WriteInfo方法，添加薪资信息
  public WriteInfo() {
    console.log(`${this.fullName()}, 薪资: ${this.salary}`);
  }
}

为什么必须先调用super()？因为TypeScript（底层是JavaScript）要求，子类的构造函数必须先完成父类的初始化，才能访问子类自己的this对象。如果漏掉super()，或者在super()之前使用this，TypeScript会直接报错。

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