Typescript - 扩展接口（无构造函数）的类（带构造函数）

Question

我的界面看起来像：

interface Person {
  id: number
  name: string
}

我有一个实现这个接口的类：

class PersonClass implements Person {
  id: number = 123
  name: string = 'Kevin'
}

上面的工作正常，但是是硬编码的。相反，我希望在创建类时初始化这些值。例如：

class PersonClass implements Person {
  constructor(id, name) {
    this.id = id,
    this.name = name
  }
  id = this.id       // ERROR: Property 'id' is used before its initialization.
  name = this.name   // ERROR: Property 'name' is used before its initialization.
}

如上所示，我在尝试使用构造函数时遇到错误。

我想要从这一切中创建新的 PersonClass 实例并在那时初始化它的值：

// Should be successful
new PersonClass(1, 'Sandra')  

// Should trigger an error
new PersonClass('McDonalds', 'Fries')

我做错了什么/错过了什么？

Answer 1

试试

class PersonClass implements Person {
    id: number;
    name: string;
    constructor(id: number, name: string) {
        this.id = id;
        this.name = name;
    }
}

甚至：

class PersonClass implements Person {
    constructor(public id: number, public name: string) { }
}