打字稿 - 创建复杂的对象

Question

以下变量包含对象的列表的接口：

scenes = { 
    sky: { 
     image: 'assets/1.jpg', 
     points: { 
     blue_area: { 
      x: 1, 
      y: 2 
     }, 
     } 
    }, 
    blue_area: { 
     image: 'assets/2.jpg', 
     points: { 
     sky: { 
      x: 1, 
      y: 2 
     } 
     } 
    } 
}; 

如何我可以声明为这种变量的接口？

Answer 1

你可以声明为场景的类型：

type Points = { 
    [key: string]: { 
    x: number; 
    y: number; 
    } 
} 

type Scenes = { 
    [key: string]: { 
    image: string; 
    points: Points; 
    } 
} 

let scenes: Scenes = { 
    sky: { 
     image: 'assets/1.jpg', 
     points: { 
     blue_area: { 
      x: 1, 
      y: 2 
     }, 
     } 
    }, 
    blue_area: { 
     image: 'assets/2.jpg', 
     points: { 
     sky: { 
      x: 1, 
      y: 2 
     } 
     } 
    } 
};