javascript - 如何组合两个接口(interface)并使其所有字段可选？

Question

我有两个接口(interface)不能修改:

interface Person {
  name: string;
  age: number;
}
interface User {
  username: string;
  password: string;
}

我想将它们组合成一个:Player

// please, modify this code accordingly

interface Player extends Person, User {
  device: string
}

其中 name 和 age 是可选的。

所以，如果我这样做:

const member: Player = {
  username: 'bill.gates',
  password: 'M1cRoS0ft',
  device: 'PSP',
}

然后我没有收到错误，因为:name 和 age 丢失。

这里有 Playground .

谢谢!

Answer 1

您可以使用 the native utility type Partial<T> 构造一个接口(interface)，其属性是可选的，然后从中扩展。

这将给出以下代码:

interface Person {
  name: string;
  age: number;
}

interface User {
  username: string;
  password: string;
}

interface Player extends Partial<Person>, User {
  device: string;
}

const member: Player = {
  username: 'bill.gates',
  password: 'M1cRoS0ft',
  device: 'PSP',
}

Playground link