TypeScript接口可以传播到另一个接口吗?

时间:2018-06-22 12:35:09

标签: typescript object interface spread-syntax

在JavaScript中,可以使用传播语法将一个对象传播到另一个对象:

const a = {one: 1, two: 2}
const b = {...a, three: 3} // = {one: 1, two: 2, three: 3}

是否可以通过这种方式将打字稿界面扩展到另一个界面?

interface IA {
  one: number;
  two: number;
}

interface IB {
  ...IA; // Does not work like this
  three: number;
}

这样生成的界面IB看起来像这样:

{
  one: number;
  two: number;
  three: number;
}

1 个答案:

答案 0 :(得分:5)

您可以使用继承来做到这一点:

interface IA {
    one: number;
    two: number;
}
interface IC {
    other: number;
    four: number;
}
interface IB extends IA, IC {
    three: number;
}