在 Typescript 中創建接口而不指定屬性名稱

Question

我記得有一種方法可以在接口內創建一個字段而不指定其名稱，如下所示：

export interface myInterface{
 [propName:string]:string;
}

如果我沒記錯的話，sinthax 意味着我可以用我想要的任何名稱創建一個字段，如下所示：

ob:myInterface = {customName: "value"}

我現在要做的是向該界面添加一個具有特定名稱的新字段，如下所示：

export interface myInterface{
 [propName:string]:string;
 secondProperties: boolean;
}

當我嘗試上面的代碼時，我得到了這個錯誤：

Property 'secondProperties' of type 'boolean' is not assignable to string index type 'string'

我的錯誤是什么？

Answer 1

你需要為[propName: string]定義所有可能的類型所以你需要這樣做

export interface myInterface{
  secondProperties: boolean
  [propName:string]: string | boolean;
}

Answer 2

我從來沒有找到一個好的解決方案，但問題由此而來。

您試圖強制屬性為boolean & string類型，這等於never 。

type myInterface = {
    [propName:string]: string;
} & {
    secondProperties: boolean;
};

const obj: myInterface = {
    secondProperties: true,
};

操場

---

感謝@LaytonGB的提示，那| 幾乎可以用來制作我們想要的類型。

type myInterface = {
    [propName:string]: string;
} | {
    secondProperties: boolean;
};

const obj: myInterface = {
    secondProperties: 'string' || true,
    otherProps: 'string only', // booleans will result in error.
};

Answer 3

因為您已將對象的任何字符串命名屬性定義為具有字符串值，所以您只能給secondProperties一個字符串值，因為secondProperties本身就是一個字符串。

或者考慮一下：

interface myInterface {
  [propName: string]: string | boolean;
  ["secondProperties"]: boolean;
}

因為secondProperties是一個字符串，並且它的值返回一個 boolean，所以它不會拋出錯誤。