构造函数超负荷带有打字稿中有或没有破坏接口的构造函数，以允许位置或命名ARGS

Question

我有一个具有一些必需属性和一些可选属性的类（我想在未设置时 undefined ，因为没有默认值）。有了可选的args，有很多参数，因此我希望能够清晰地命名它们，而如果没有可选的args，我想简洁地构造它。因此，我希望能够使用对象中的命名属性或作为位置参数构造它：

export interface ParamInterface {
  a: number;
  b: number;
  c: number;
  d?: number;
  e?: number;
  f?: number;
}

export class MyClass {
  a: number;
  b: number;
  c: number;
  d?: number;
  e?: number;
  f?: number;

  constructor({a, b, c, d, e, f}: ParamInterface);
  constructor(a: number, b: number, c: number, d?: number, e?: number, f?: number) {
    this.a = a;
    this.b = b;
    this.c = c;
    this.d = d;
    this.e = e;
    this.f = f;
  }
}

换句话说，我希望能够致电：

new MyClass(1, 2, 3); // d, e, f will be undefined
new MyClass({a: 1, b: 2, c: 3}); // d, e, f will be undefined
new MyClass({a: 1, b: 2, c: 3, d: 4, e: 5, f: 6}); // d, e, f will be set

然后我希望它提高错误：

new MyClass(1); // First three args required

但是，当我这样做时，我会发现此过载签名与其实现签名不兼容。

是否有任何方法可以使其兼容，或者其他方法可以实现我的目标后？

Answer 1

您的构造函数实现类型必须是所有声明的超级文档，如以下内容：

export interface ParamInterface {
  a: number;
  b: number;
  c: number;
  d?: number;
  e?: number;
  f?: number;
}
export class MyClass {
  a: number;
  b: number;
  c: number;
  d?: number;
  e?: number;
  f?: number;

  constructor({ a, b, c, d, e, f }: ParamInterface);
  constructor(a: number, b: number, c: number, d?: number, e?: number, f?: number);
  constructor(...values: [ParamInterface] | [a: number, b: number, c: number, d?: number, e?: number, f?: number]) {
    if (values.length == 1) {
      const { a, b, c, d, e, f } = values[0];
      // assign values
    } else {
      const [a, b, c, d, e, f] = values;
      // assign values
    }
  }
}

在这里我们有两个构造函数声明：

constructor({ a, b, c, d, e, f }: ParamInterface);
constructor(a: number, b: number, c: number, d?: number, e?: number, f?: number);

一个实现：

constructor(...values: [ParamInterface] | [a: number, b: number, c: number, d?: number, e?: number, f?: number]) {
  // ...
}

类型声明可以简化：

export interface ParamInterface {
  a: number;
  b: number;
  c: number;
  d?: number;
  e?: number;
  f?: number;
}
type TupleParameters = [a: number, b: number, c: number, d?: number, e?: number, f?: number];

export class MyClass {
  // all fields

  constructor({ a, b, c, d, e, f }: ParamInterface);
  constructor(...values: TupleParameters);
  constructor(...values: [ParamInterface] | TupleParameters) {
    // unchanged
  }
}