typescript：引用当前类类型

Question

是否可以在类型签名中引用当前类类型？这样我就可以做这样的事情：

 export class Component{
  constructor(config?: { [field in keyof self]: any }) {
      Object.assign(this, config)
  }
}

这个想法是传递一个由当前类键组成的配置对象。

我可以使用接口，但我需要输入相同部分的代码（在接口和实现类中）

另一种方法是使用泛型。像这样的：

export class Component<T>{
  init(config?: { [field in keyof T]?: any }) {
    Object.assign(this, config)
  }
}

class TestComponent extends Component<TestComponent>{
  foo: number
}
const component = new TestComponent().init({ foo: 11 })

但是拥有像class TestComponent extends Component<TestComponent> 这样的代码让我寻找更好的方法......

Answer 1

你可以使用polymorphic this type引用当前类

export class Component{
  init(config?: { [field in keyof this]?: this[field] }) {
    Object.assign(this, config)
  }
}

class TestComponent extends Component{
  foo: number
}
const component = new TestComponent().init({ foo: 11 })
const component2 = new TestComponent().init({ foo: "11" }) // err

但是你不能在构造函数中使用this 作为类型

export class Component{
  constructor(config?: { [field in keyof this]?: this[field] }) { // error
    Object.assign(this, config)
  }
}

Answer 2

这不就行了吗？

export class Component {
  test = 123;

  constructor(config?: { [field in keyof Component]: any }) {
      Object.assign(this, config)
  }
}


new Component({ test: 123 }) // valid
new Component({ test1: 123 }) // invalid

Playground

甚至更短也会很简单（感谢鸭子打字）

constructor(config?: Component) {

也许没有真正表达你想说的/不够严格，但有效。

以下内容也是有效的

constructor(config = <Component>{}) {

直接给你一个空对象作为初始值。

来源：从 TypeScript v1 开始滥用这个。