打字稿：缩短简单的类声明

Question

我有一个我觉得非常有用的 TS 代码模式，但它非常不DRY。任何想法如何解决它？

我喜欢将 TS interface 与 class 声明“链接”在一起。通过这种方式，我有一些简单的类型化数据结构和继承的优势，并且我可以在运行时使用instanceof 运算符轻松进行类型检查（这使我可以避免type predicates，我认为这是不安全的）。

有关示例，请参见下面的代码，其中我有一个类 Doctor，它扩展了一个基类 Person

interface PersonInterface {
  id: number
  name: string
  surname: string
}
class Person implements PersonInterface {
  id: number
  name: string
  surname: string

  constructor(arg: PersonInterface) {
    this.id = arg.id
    this.name = arg.name
    this.surname = arg.surname
  }
}

interface DoctorInterface extends PersonInterface {
  degree: string
  salary: number
}
class Doctor extends Person implements DoctorInterface {
  degree: string
  salary: number

  constructor(arg: DoctorInterface) {
    super(arg)
    this.degree = arg.degree
    this.salary = arg.salary
  }
}

const doc = new Doctor({
  id: 111,
  name: 'John',
  surname: 'Johnson',
  degree: 'PHD',
  salary: 100000,
})

console.log(doc instanceof Person) // true
console.log(doc instanceof Doctor) // true

一切正常，类型检查很简单，我的 IntelliSense 很开心。都很棒。但正如你所看到的，我每节课重复自己 3 次。一次声明interface，另一次在class 中实现它，最后一次应用constructor。

没有更简洁的方法吗？在一个大项目中，这看起来很可怕。

重要 我不需要在我的类中有方法。它们仅用于呈现数据，而不是行为（实际上我正在使用它们来填充 vuex 存储）

Answer 1

首先，没有什么神奇的语法可以让它变得更好。

但值得注意的是，一个类可以用作接口：

class Person {
  id: number
  name: string
  surname: string

  constructor(arg: Person) {
    this.id = arg.id
    this.name = arg.name
    this.surname = arg.surname
  }
}

// works
const personData: Person = { id: 123, name: 'Al', surname: 'Bundy' }
const person: Person = new Person(personData)

你可能觉得这有点奇怪，但是普通对象和Person 的实例都具有完全相同的公共接口，因此它们被认为是兼容的。

---

重要提示我不需要在我的类中有方法。它们仅用于呈现数据，而不是行为（实际上我正在使用它们来填充 vuex 存储）

那么你为什么要使用类呢？那么就没有必要了。符合该接口的普通对象与实现该接口的类的实例或多或少无法区分，因此您可以节省大量样板文件：

interface Person {
  id: number
  name: string
  surname: string
}

const person: Person = { id: 123, name: 'Al', surname: 'Bundy' }