如何理解 TypeScript 界面中的语法 [key: string]

Question

我无法破译我在此处的接口声明中找到的 TypeScript 语法。

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

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

Answer 1

这是一个index signature。这意味着除了接口的已知属性之外，还可以存在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.
};