TypeScript 在使用默认值时避免重复的类属性

Question

假设我有这个界面：

// foo.d.ts
export default interface IFoo {
  bar: number;
  faz: string;
  moo: {
    cat: boolean;
    cow: boolean;
  };
}

我基于此创建了一个类（模型）：

// fooModel.ts
import IFoo from "./interfaces/foo";

export default class FooModel implements IFoo {
  // now I don't like this
  bar = 0;
  faz = "";
  moo = {
    cat: false,
    cow: true
  }

  // optional property because default values
  // I also don't like this because I have to type the prop name like 3 times
  constructor(_foo?: IFoo) {
    if(_foo === undefined) return;
    this.bar = _foo.bar;
    this.faz = _foo.faz;
    this.moo = {
      cat: _foo.moo.cat,
      cow: _foo.moo.cow
    }
  }
}

我这样称呼它

// fooController.ts
import FooModel from "./fooModel";
import IFoo from "../interfaces/foo";

export default class FooController {
  getFoo(params?: object) {
    return new FooModel(params)
  }
}

为了获得具有默认值的东西，这需要做很多工作。如您所见，我必须输入cat 和cow 属性4 次才能正确初始化。当你有一个大模型时，这会导致很多混乱。

有没有更好的方法来做到这一点？

Answer 1

这个怎么样？

type PropertiesOnly<T> = {
  [K in keyof T]: T[K] extends Function ? never : T[K]
}

export type IFoo = PropertiesOnly<FooModel>

// For your particular example, it's also safe to just do following:
// export type IFoo = FooModel

export default class FooModel {
  bar = 0;
  faz = "";
  moo = {
    cat: false,
    cow: true
  }

  constructor(_foo?: IFoo) {
    if (_foo === undefined) return this;
    Object.assign(this, _foo);
    this.moo = Object.assign({}, _foo.moo);
  }
}

在TS中声明一个类同时会为你创建一个同名的类型，也就是它的实例的接口。因此，在您的示例中，FooModel 作为一种类型与您手动声明的IFoo 接口几乎相同。

作为预防措施，我还创建了一个实用程序类型PropertiesOnly，以帮助剥离FooModel 中存在的任何潜在方法。

另一个优化是使用Object.assign 取消冗长代码，因此您不必重复输入这些属性。