javascript - Typescript - 扩展接口(interface)(无构造函数)的类(带构造函数)

Question

我的界面如下所示:

interface Person {
  id: number
  name: string
}

我有一个实现此接口(interface)的类:

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) { }
}