TS类型总结一

本文介绍了如何在TypeScript中进行类型推断,包括默认类型和类型断言的作用,联合类型、可选类型和类型别名的使用实例,以及如何通过类型别名简化复杂的类型定义。重点讲解了类型推断的规则和类型断言在解决类型不明确问题上的技巧。
摘要由CSDN通过智能技术生成

类型推论

let str = 'str' // 当没有指定类型,TS自动识别
str =21  //错误,是string 类型

类型断言 as

用来告诉解析器变量实际类型

在这里插入图片描述

联合类型 a | b

要求只要符合联合类型中任意一种类型即可

const getLenghe =(content:number|string)=>{
  if(typeof content ==="string"){
      return content.length;
   }else{
      return content.toString().length;
   }
console.log(getlenghe("asd"); ---3

同时类型 a & b

在这里插入图片描述

可选类型 ?

let n:{
    name:string,
    age?:number
}
n={
    name:'孙悟空'
}

代替多组参数类型 [属性名:string]:any

定义多组字符串属性名,值为任意类型,可以代替省略的没有写的参数类型定义

let a:{name:string,  [x:string]:any}={
    name:'aaa',
    age:18,
    address:'中国'
}

类型别名 type

type myType = string | number
let k:myType
k = 18  // 没问题
k = 'nih'// 没问题
k = true // 报错
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值