在打字稿中，拥有像“{ [x: string]: any }”这样的对象属性意味着什么？

Question

var x: { id: number, [x: string]: any }; // what does second property means?

x = { id: 1, fullname: "Zia" , 32: "Khan" }; // no errors in VS Code v0.9.1

如果第二个属性是Array类型并且它的索引是string类型并且返回值是any类型，那么它如何接受索引是number类型并且value是string类型？

打字稿版本：1.6.2

Visual Studio 代码版本：0.9.1

Answer 1

假设我们有这个变量声明：

var x : { 
    id: number, 
    [index: string]: number  // This is not an object property! Note the brackets.
}; 

声明的含义是：您可以将具有数字属性id的对象分配给变量x，如果您通过索引（即）访问x，则返回值必须为 number。x["something"]

所以你可以写：

x.id = 10;    // but not x.id = "Peter";
x["age"] = 20 // but not x["age"] = "old"

现在回到你的例子：

var x: { id: number, [x: string]: any }; // what does second property means?
x = { id: 1, fullname: "Zia", 32 : "Khan" }; // no errors in VS Code v0.9.1

fullname在这里是一个有效的对象属性，因为您定义了x可以作为数组访问的属性。奇怪的32是，由于同样的原因，索引也是有效的（尽管我希望这里只允许字符串索引）。

Answer 2

在打字稿中，拥有这样的对象属性意味着什么{ [x: string]: any }？

这些称为索引签名。它们包含在TSLang 手册中。

签名[x: string]: any基本上是说使用字符串的任何索引访问的类型是any.