如何实现包含构造函数和方法的 TypeScript 构造签名？

我已经了解了 TypeScript 中的这样的功能《构建签名》

它允许声明类型，例如：

type PointCreator = {
  new (x: number, y: number): {x: number, y: number},
  test(test:number): number,
  (foo:number): number,
}

我将如何创建这种类型的对象？

当我尝试声明这种类型的对象时：我收到错误"Type 'typeof PointCreation' is not assignable to type 'PointCreator'. Type 'typeof PointCreation' provides no match for the signature '(foo: number): number'.

const PointCreation: PointCreator = class { 
  constructor(public x: number, public y: number) {}
  static test = (test:number) => {return test;};
  bloo = (foo:number) => {return foo;};
}

另外，我不明白为什么功能test()必须是static。 如果我要删除static关键字出现另一个编译错误：Property 'test' is missing in type 'typeof PointCreation' but required in type 'PointCreator'.

当尝试使用构造函数或一堆函数声明类型时，编写相应的对象非常容易。

为什么可以创建这样的类型？

因为javascript。例如Date目的。 TS 允许创建ConstructOrCall类型，因为向后兼容性。

假设您有一些遗留代码：

export const PointCreator = function (x,y) {
  if (new.target) {
    // If this function was called with new keyword
    this.x = x
    this.y = y
  } else {
    // if function was called as a regular function
    return 42
  }

}

// static test method
PointCreator.test = function (a) {

}

const x = new PointCreator(1, 2)

并且您想为其编写打字。那么这个类型就可以了

declare module 'legacy' {
  export type PointCreator = {
    new(x: number, y: number): { x: number, y: number },
    test(test: number): number,
    (foo: number): number,
  }
}

但是，您无法在纯打字稿中创造这样的价值。

另外，我不明白为什么函数 test() 需要是静态的

因为PointCreator是一个构造函数类型并且test直接定义为构造函数属性的方法。为了将其用作实例方法，您应该更新您的类型：

type PointCreator = {
  new(x: number, y: number): { x: number, y: number, test: (arg: number) => number },
}

const PointCreation: PointCreator = class {
  constructor(public x: number, public y: number) { }
  test = (arg: number) => 42 // ok
}