在打字稿的定义接口中添加属性

Question

我有两个interface定义如下。

  interface TitleFont{
      fontFamily:string;
      fontStyle:string;
      size:string; \\ need only for the title property.
      opacity:number;
   }
  interface ChartFont{
      fontFamily:string;
      fontStyle:string;
      opacity:number;
   }

我的类中的两个属性是定义的接口类型：

 class Chart  {
     title: TitleFont;
     chartTitle: ChartFont;  
  }

大小是增加了额外的属性TilteFont时相比， ChartFont 。 有没有办法定义一个接口并将其用于两个属性？

提前致谢

Answer 1

这里不是使用继承和从ChartFont扩展TitleFont的解决方案

interface ChartFont{
    fontFamily:string;
    fontStyle:string;
    opacity:number;
}
interface TitleFont extends ChartFont {
    size:string; \\ need only for the tilte property.
}

我们仍然有两个接口，但在很多情况下，我们将能够使用像这样的基本接口（ChartFont）

var fontSetting1 : ChartFont = Chart.title
var fontSetting2 : ChartFont = Chart.chartTitle
...
// follows common behaviour for ChartFont interface
...

如果以后需要，我们可以向上转换：

var titleFontSetting : TitleFont = <TitleFont>fontSetting1;