TypeScript学习总结(14)

索引签名类型

绝大多数情况下,我们都可以在使用对象前就确定对象的结构,并为对象添加准确的类型。使用场景:当无法确定对象中有哪些属性(或者说对象中可以出现任意多个属性),此时,就用到索引签名类型了

interface AnyObject {
    [key: string]: number
}
let obj: AnyObject = {
    a: 1,
    b: 2,
}

 解释:
1.使用[key: string]来约束该接口中允许出现的属性名称。表示只要是string 类型的属性名称,都可以出现在对象中。
2.这样,对象 obj中就可以出现任意多个属性(比如,a、b等)。
3.key 只是一个占位符,可以换成任意合法的变量名称。
4.隐藏的前置知识:JS中对象(0)的键是string类型的

在 JS 中数组是一类特殊的对象,特殊在数组的键(索引)是数值类型

并且,数组也可以出现任意多个元素。所以,在数组对应的泛型接口中,也用到了索引签名类型。

interface MyArray<T> {
    [n: number]: T
}
let arr: MyArray<number> = [1, 2, 3]

 解释:
1.MyArray 接口模拟原生的数组接口,并使用[n:number]来作为索引签名类型。

2该索引签名类型表示:只要是number类型的键(索引)都可以出现在数组中,或者说数组中可以有任意多个元素

3.同时也符合数组索引是number类型这一前提。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值