JS转TS时遇Type 'Function'无构造签名错误，求排查解决

TypeScript 默认将 this.constructor 的类型推断为 Function，而 Function 类型没有定义构造签名——TS 无法确定它能接受两个数字参数并返回对应实例，因此调用 new this.constructor(...) 时会触发 Type 'Function' has no construct signatures.ts(2351) 错误。

以下是三种可行的修复方式，可根据你的场景选择：

方案1：显式断言构造函数类型（推荐，支持子类多态） #

将 this.constructor 断言为 typeof Point2D（即 Point2D 类的构造函数类型），让 TS 识别它的构造签名：

class Point2D {
    x: number;
    y: number;
    public constructor(x: number = 0, y: number = 0) {
      this.x = x;
      this.y = y;
    }

    public add(that: Point2D) {
      const Constructor = this.constructor as typeof Point2D;
      return new Constructor(this.x + that.x, this.y + that.y);
    }

    public subtract(that: Point2D) {
      const Constructor = this.constructor as typeof Point2D;
      return new Constructor(this.x - that.x, this.y - that.y);
    }

    public multiply(scalar: number) {
      const Constructor = this.constructor as typeof Point2D;
      return new Constructor(this.x * scalar, this.y * scalar);
    }
}

export default Point2D;

该方案支持子类继承——如果后续有子类（比如 Point3D），只要子类构造函数兼容父类参数签名，调用这些方法会返回子类实例，符合多态预期。

方案2：直接实例化 Point2D（简单但不支持多态） #

如果不需要考虑子类继承，直接用 new Point2D(...) 替代即可：

public add(that: Point2D) {
  return new Point2D(this.x + that.x, this.y + that.y);
}

缺点是子类调用 add 会返回 Point2D 实例而非子类实例，破坏多态性，仅适合无继承的简单场景。

方案3：泛型约束增强类型安全性（进阶，复杂继承场景） #

通过泛型明确构造函数的返回类型，确保子类调用方法时返回自身类型：

class Point2D<T extends Point2D<T>> {
    x: number;
    y: number;
    public constructor(x: number = 0, y: number = 0) {
      this.x = x;
      this.y = y;
    }

    public add(that: T): T {
      const Constructor = this.constructor as new (x: number, y: number) => T;
      return new Constructor(this.x + that.x, this.y + that.y);
    }

    public subtract(that: T): T {
      const Constructor = this.constructor as new (x: number, y: number) => T;
      return new Constructor(this.x - that.x, this.y - that.y);
    }

    public multiply(scalar: number): T {
      const Constructor = this.constructor as new (x: number, y: number) => T;
      return new Constructor(this.x * scalar, this.y * scalar);
    }
}

export default Point2D;

该方案类型安全性最高，适合需要复杂继承结构的场景。

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