TypeScript 中括号用法小结
更新时间：2023年05月15日 15:48:58 作者：seconp
本文主要介绍了TypeScript 中括号用法小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
本文只是简单从语法层面描述 [] 的用法。
索引签名
作用：告诉TS实际属性比计划的更多一些。
注意：键的类型必须可以赋值给 number 或 string 。
let a: {
b: number;
c?: string;
// 注意当key是string的时候，那么确定属性和可选属性的类型必须是它的属性的子集。
// eg：[key: string]: string | number;
[key: number]: boolean;
}
a = {
b: 1;
c: 'hey';
20: false;
}获取接口类型的联合类型
interface Person{
name: string;
age: number;
}
// keyof Person => "name" | "age"
type student = Person[keyof Person];
let stu1: student = 'tom';遍历接口
interface Person{
name: string;
age: number;
}
// in keyof Person => 遍历 name，string
// per2 = {
// name: string;
// age: number;
//}
type per2 = {
[P in keyof Person]: Person[P];
};
let a: per2 = {
name: "tom",
age: 12
};数组
type per2 = {
[P in keyof Person]: Person[P];
}[];
// per2 => Person[];
let c: per2 = [
{
name: "tom",
age: 12,
},
];键入类型
键入类型可以理解为选择类型。
type per2 = {
[P in keyof Person]: Person[P];
}[keyof Person];
// per2 => "string" | "name"
let c: per2 = "tom";到此这篇关于TypeScript 中括号用法小结的文章就介绍到这了,更多相关TypeScript 括号内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了Swiper自定义分页器的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
Express实现前端后端通信上传图片之存储数据库（mysql）傻瓜式教程（一）
这篇文章主要介绍了Express实现前端后端通信上传图片存储数据库（mysql）傻瓜式教程（一）,需要的朋友可以参考下2015-12-12
小程序websocket心跳库(websocket-heartbeat-miniprogram)
这篇文章主要介绍了小程序websocket心跳库(websocket-heartbeat-miniprogram)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
js是弱类型语言，或者说是动态语言，在定义变量时我们可以不提前声明变量的类型，也可以在变量声明后赋予不同类型的值。所以本文为大家详解一下JavaScript如何准确获取任意变量的数据类型，需要的可以参考一下2022-06-06
这篇文章主要介绍了微信小程序冒泡事件及其阻止方法,结合实例形式分析了事件分类、冒泡及相应阻止操作方法,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了基于JS代码实现图片在页面中旋转效果 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要为大家详细介绍了js实现随机点名器的精简版，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
jacascript DOM节点——元素节点、属性节点、文本节点
这篇文章主要介绍了jacascript DOM节点——元素节点、属性节点、文本节点,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了js实现延时加载Flash的方法,较为详细的分析了通过元素替换实现JavaScript延时加载flash的相关原理与实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了百度搜索框智能提示案例jsonp的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-11-11
最新评论