typescript可索引类型

先不谈这个问题

先看我们是如何访问一个对象的

a[0]
a['xx']

当以number类型作为index时，我们把内容看成数组

当以string类型作为index时，我们把内容看成对象形式

虽然最后number类型最后也要转换成string类型

TypeScript支持两种索引签名：字符串和数字。

也就是上面提及的两种形式

放置到ts中就是

interface square{
    [index:string]:string

这个接口的含义是定义，如何访问接口对应的变量，是以字符串还是数字类型

上实例：

interface iamString{
    [index:string]:string
}
interface iamNumber{
    [index:number]:string
}
var a:iamString={
    color:'yello',
    width:'600px'
}
var b:iamNumber={
    1:'yello',
    2:'600px'
}
console.log(b[1]);

可以尝试更改一下，最终结果或报错

最后需要注意一点的是

如果你在一个接口里面定义了两种访问形式，number类型返回的类型一定要是string返回类型超集

因为number类型最终要转化成string类型，string类型返回值有一定的限制，如果number类型的返回值也必须满足这个类型的限制，所以他可以是超集也可以是一个相等的集合

代码007普通

打赏 收藏 海报 链接