typescript - 如何理解 TypeScript 接口(interface)中的语法 [key : string]

Question

我在破译我在此处的接口(interface)声明中找到的 TypeScript 语法时遇到问题。

interface FormattingOptions {
    tabSize: number;
    insertSpaces: boolean;
    [key: string]: boolean | number | string;
}

谁能解释一下这个接口(interface)的第三个参数？包含 [key: string] ... 的那个？这种语法怎么调用？

Answer 1

这是一个 index signature .这意味着除了接口(interface)的已知属性外，还可以存在类型为 boolean、number 或 string 的任何其他属性

interface FormattingOptions {
    tabSize: number;
    insertSpaces: boolean;
    [key: string]: boolean | number | string;
}

let f: FormattingOptions = {
  tabSize: 1,
  insertSpaces: true,
  other: '' // witout the  index signature this would be invalid.
};