為什么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

之所以有效，是因為它是類型斷言 。 基本上告訴編譯器是什么類型，但不保護它，例如

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

基本上，您告訴ts-compiler不要執行特殊的數據檢查或重組。

您可以使用屬性的適當類型來鍵入衛兵，例如

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