方括号是什么意思字段应该在Typescript中的位置

发布于07月16日

我在三分钟内遇到了这条线.d、 ts:

dispatchEvent(event: { type: string; [attachment: string]: any; }): void;

and was wondering what it meant.
I understand that this would mean a function called dispatchEvent which takes an argument of a type with a member type but I am not sure what:

[attachment: string]: any;

方法

推荐答案

这是一个索引签名.从TypeScript documentation:

可索引类型有一个索引签名，它描述了我们可以用来索引到对象中的类型，以及索引时相应的返回类型.

例如，您可以为可转位对象定义一个接口，如:

interface IArrayOfStrings {
    [index: number]: string;
}

这告诉编译器，对于IArrayOfStrings类型的任何对象，数字索引访问的任何成员都将是string类型.

因此，这将编译无误:

interface IArrayOfStrings {
    [index: number]: string;
}

let words: IArrayOfStrings = ["foo","bar"];

let word: string = words[0];

但这不会:

interface IArrayOfStrings {
    [index: number]: string;
}

let words: IArrayOfStrings = ["foo","bar"];

let myNumber: number = words[0];

在您的示例中，这一行:

dispatchEvent(event: { type: string; [attachment: string]: any; }): void;

正在描述一种方法dispatchEvent，该方法接受一个{ type: string; [attachment: string]: any; }类型的参数.

为了使该类型更容易理解，请查看定义该类型的接口:

interface IEvent {
    type: string;
    [attachment: string]: any;
}

这告诉编译器，IEvent类型的对象将有一个名为type的字符串属性，由字符串索引访问的IEvent对象的元素将是any类型.

所以，类似这样的东西编译时不会出错:

interface IEvent {
    type: string;
    [attachment: string]: any;
}

let myEvent: IEvent = {
    type: 'some-event-type'
};

let eventType: string = myEvent["type"];