javascript - 如何解释映射到对象类型文字的接口(interface)字符串属性周围的括号？

Question

我正在尝试了解符合为 [propertyName: string]:... 给出的类型定义的相应 javascript 对象是什么.如果您单击该链接，它会显示完整的定义。

另外，我们应该如何解释 [propertyName: string]:... 周围的括号？

Answer 1

它是一个索引签名，表示对象可以包含具有任何名称的任何字段，但所有字段的值必须是之后指定的类型:

让我们考虑一个简化的例子:

interface Indexable {
    [properyName: string]: {
        isValid: boolean
    }
}

let valid: Indexable = {
    anyName: { isValid: true }, 
    anyOtherName : { isValid: false }
};

let invalid: Indexable = {
    invalidFields: { isValid_: true }, // no isValid field 
    excessFields: { isValid: true, unexpectedProp: 0 }, // Object literal may only specify known properties
};
let invalidType: Indexable = {
    numberField: 0  // 'numberField' is incompatible with index signature.
};