Javascript 将接口包含到.d.ts文件中的类中

发布于11月28日

我有一个使用构造函数选项扩展实例的JavaScript类:

class C {
  constructor(options) {
    Object.assign(this, options)
  }
}

这意味着类实例将拥有options对象的所有属性.

我正在寻找一种在不复制接口属性的情况下为该类编写.d.ts定义的方法:

interface Options {
  foo: number;
  bar: string;
}

class C {
  foo: number;
  bar: string;

  constructor(options: Options);
}

有没有办法包含所有Options个接口属性？try 了以下操作，但这不是有效的Typescript :

class C {
  ...Options;

  constructor(options: Options);
}

推荐答案

在TypeScrip中，您可以通过使用交叉点类型(&)来实现这一点.您可以创建一个表示类属性的接口，然后将其与Options接口相交.以下是你如何做到这一点:

interface Options {
  foo: number;
  bar: string;
}

interface C extends Options {}

class C {
  constructor(options: Options) {
    Object.assign(this, options);
  }
}

// Example usage
const instance = new C({ foo: 42, bar: "hello" });
console.log(instance.foo); // 42
console.log(instance.bar); // "hello"

在本例中，C类扩展了Options接口，这意味着它继承了Options接口的所有属性.然后，constructor函数强制options参数必须符合Options接口.

这样，您就可以避免在Options接口和C类中重复属性定义.如果您在Options接口中添加或删除属性，C类将自动反映这些更改.