为什么 TypeScript 在强制转换时不会抱怨状态中未包含的属性？

Question

为什么 TypeScript 的行为方式与我的情况一样？

如果我直接键入一个对象，它会抱怨接口中未定义的属性。但是，如果我投射对象，它允许添加任何未在界面中定义的随机属性。

最好用一个例子来解释：

interface House {
  windows: number;
  garden: boolean;
}

const house1: House = {
  windows: 5,
  garden: true,
  garage: true // not allowed
};

const whatever = {
  house2: <House> {
    windows: 3,
    garden: true,
    garage: true // why is it here allowed?
  }
};

Answer 1

之所以有效，是因为它是Type Assertion。基本上告诉编译器它是什么类型但不保护它，例如

const house1 = <House> {
  windows: 5,
  garden: true,
  garage: true // allowed
};

基本上你告诉 ts 编译器不要对数据进行特殊检查或重组。

您可以使用适当的类型为属性键入保护它，例如

const whatever: { house2: House } = {
    house2: {
        windows: 3,
        garden: true,
        garage: true // not allowed
    }
};