TypeScript 中的复杂接口

Question

我是 TypeScript 的新手，正在尝试实现一个“复杂”的接口。我不确定我想要的是否可能。

我有以下 javascript：

var simpleSetting = { setting1: 'test', setting2: 1 };

为此我可以创建一个这样的接口：

interface SimpleSetting {
   setting1: string;
   setting2: number;
}

然后像这样使用它：

var simpleSetting: SimpleSetting = { setting1: 'test', setting2: 1 };

我想做的是为这个声明定义一个接口：

var setting = {
    data: {
        simpleData: {
            enable: true
        },
        view: {
            expandSpeed: ""
        }
    }
};

我知道我可以创建这样的东西：

interface View {
   expandSpeed : string;
}
interface Data {
   simpleData: SimpleData;
   view : View;
}
interface ComplexSetting {
   data : Data;
}

实现我想要的，但是否可以仅通过 decaring 一个接口而不是三个接口来实现相同的结果？

Answer 1

当然可以，像这样内联内部接口：

interface ComplexSetting {
  data: {
    simpleData: {enable: boolean;};
    view: {expandSpeed: string;};
  };
}