TypeScript总结 一【数组,联合,交叉类型】

最近刚把ts学完,简单总结一下,ts的话,更强调类型,更加严谨

非原始类型

1.object(不包括基础数据类型),小写的

let obj:object = {a:1}
let obj:object = [1]

2.Object(包括基础数据类型),大写的O

let obj:Object = 1
let obj:Object = '123'

3.{}等价于Object

let obj:{}='123'

数组类型:数组类型有3种,如下,

//第一种
let arr:number[] = [1,2,3]
//第二种:泛型
let arr:Array<number> = [1, 2, 3]//整体是数组,并且里面的元素必须为number类型
//第三种:元组
let arr:[number, number, string] = [1, 2, '3']

联合类型:|   就是‘或’的意思

//第一个例子
第一种写法
let numArr:number|string = 10//number的类型既可以为number类型,也可以为string类型
numArr = 1
numArr = '小花'
第二种写法
let numArr:1 | '2' = 1//表示numArr必须只能等于1和'2'
numArr = '2'
//第二个例子
let obj:{a:1,b:'2'}
obj = {a:1}
obj = {b:'2'}
obj = {a:1,b:'2'}//也就是说obj既可以等于a属性,也可以等于b属性,也可以有ab两个属性

交叉类型:& 就是‘与’的意思

//必须全部满足的意思
let obj:{name:string, age:number}&{height:number}
obj = {'张三', 22, 180}

any与unknown

any:绕过类型检测,简单说,就是使用了any就和js语言没区别了

unknown:可以将所有的类型都赋给unknown,unknown会进行校验(当从后台拿到数据不知道是什么类型使用unknown)

 未知类型不能使用tofixed方法

接口类型--interface

//interface用于自定义类型
//1.给对象用
interface MyItf{
    name:string
    age:number
    height:number
}
let obj:MyItf;
obj = {
    name:'小花',
    age:20,
    height:12
}
// 定义接口类型 --- 给数组用
interface MyArr{
    [idx:number]:number|string
}
let obj1:MyArr;
obj1 = [1, 2, '小花']

// 定义函数类型  --- 给函数用
interface MyFun{
    (p:number,n:string):void
}
let fun:MyFun = (p:number,n:string) => {}
fun(1,"")

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,让我来回答你的问题。 1. TypeScript类型保护与区分类型 类型保护是 TypeScript 中用来区分不同类型的机制,可以通过 typeof、instanceof、in 等运算符来实现。例如: ```typescript function printLength(strOrArr: string | any[]) { if (typeof strOrArr === 'string') { console.log(strOrArr.length); // string类型 } else { console.log(strOrArr.length); // 数组类型 } } ``` 2. TypeScript联合类型 联合类型是指变量可以是多种不同类型之一,可以使用“|”符号将多个类型组合起来。例如: ```typescript let numOrStr: number | string = 5; numOrStr = "hello"; ``` 3. TypeScript交叉类型 交叉类型是指将多个类型合并成一个类型,可以使用“&”符号将多个类型组合起来。例如: ```typescript interface A { a: number; } interface B { b: string; } type C = A & B; const c: C = { a: 1, b: "hello" }; ``` 4. TypeScript类型别名 类型别名是为一个类型定义一个别名,可以使用“type”关键字来定义。例如: ```typescript type MyString = string; const str: MyString = "hello"; ``` 5. TypeScript 的接口 vs. 类型别名 接口和类型别名都可以用来定义类型,但有一些不同之处。接口可以被类实现,也可以被扩展,而类型别名只能定义别名。例如: ```typescript interface Person { name: string; age: number; } type PersonAlias = { name: string; age: number; }; class Student implements Person { name: string; age: number; grade: number; constructor(name: string, age: number, grade: number) { this.name = name; this.age = age; this.grade = grade; } } type StudentAlias = PersonAlias & { grade: number; }; const student: StudentAlias = { name: "Tom", age: 18, grade: 3 }; ``` 6. TypeScript 的字符串字面量类型 字符串字面量类型是指将字符串字面量作为类型,可以使用“|”符号将多个字符串字面量组合起来。例如: ```typescript type Gender = "male" | "female"; interface Person { name: string; age: number; gender: Gender; } const person: Person = { name: "Tom", age: 18, gender: "male" }; ``` 希望这些解释能够对你有所帮助。如果你还有其他问题,可以继续提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值