ts 判断值是否在枚举里_TS中的一些关键词总结

本文总结了TypeScript中的一些关键词和符号,包括断言操作符、链判断运算符、类型别名`type`、接口`interface`、`typeof`、`keyof`、`in`、内置类型如`Partial`、`Required`、`Pick`等,并通过示例解释了它们的用途和用法。
摘要由CSDN通过智能技术生成

TS中的一些关键词总结

最近一直在写TS,偶尔会遇到一些自己之前没见过的一些符号或者关键词,就随手记录下来,本篇文章就是对这段时间遇到的进行了总结。

目录概览

  • TS中的一些符号

    • ! 断言操作符
    • ?. 链判断运算符
  • TS中的一些关键词

    • type
    • interface
    • typeof
    • keyof
    • in
  • TS中的一些内置类型

    • Partial 将类型的属性变成可选
    • Required将类型的属性变成必选
    • Pick 从某个类型中挑出一些属性出来
    • Record
    • Mutable 将类型的属性变成可修改
    • Readonly 类型的属性变成只读
    • ReturnType 用来得到一个函数的返回值类型

下面的一些例子都可以在 TypeScript Playground[1] 中进行尝试。左侧是TS,右侧是编译后的JS。

c7ea7c2100369f90c128ad57038db020.png

TS中的一些符号

! 断言操作符

! 的作用是断言某个变量不会是 null/undefined,告诉编辑器停止报错。

const obj = {
    
    name: '牧码的星星'
}
const a = obj!.name; // 假设 obj是你从后端获取的获取

确定 obj.name 一定是存在的且不是null/undefined,使用! 只是消除编辑器报错,不会对运行有任何影响。

属性或者参数中使用 !,表示强制解析(告诉 typescript 编译器,这里一定有值); 变量后使用 !: 表示类型推荐排除 null/undefined。

?. 链判断运算符

const orderId = response.result.data.orderId;

上面这种写法,很容易出现这种问题 orderId is undefined,稍微有些经验的我们立马就能想到,肯定是代码中 response.result.datanull 或者 undefined ,这样,你肯定获取不到 or

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值