文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

TypeScript中括号用法小结

2023-05-16 12:01

关注

本文只是简单从语法层面描述 [] 的用法。

索引签名

作用:告诉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  括号内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯