这篇文章主要介绍了typescript中的重要概念有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇TypeScript中的重要概念有哪些文章都会有所收获,下面我们一起来看看吧。Typescript中的几个重
这篇文章主要介绍了typescript中的重要概念有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇TypeScript中的重要概念有哪些文章都会有所收获,下面我们一起来看看吧。
any:任意类型,代表的是所有类型泛型:泛型他就是所有类型中的一种类型,并不是完全的所有类型,所以在函数中返回的类型要和定义的类型一摸一摸,不能修改他原有的类型// 在这种场景下,有区别体现//正确function getInfo(age: any): any { return "鬼哥今年:"+age}getInfo("18岁")//错误function getInfo(age: T): T { return "鬼哥今年:"+age}getInfo("18岁")//这里直接报错
type
:用来约束数据类型(数据结构,数据属性且可以是联合类型,元组类型)
interface
:用来约束数据类型(数据结构,数据属性且不可以是联合类型,元组类型)
enum
:用来约束数据类型的值,而并非数据类型
使用场景如:
//人interface People {}//动物interface Animal {}// type和interface区别1// 正确(人既可以是动物,也可以是人)type User=People | Animal;// 错误(人既可以是动物,也可以是人),使用interface定义却是不可以的interface User { People | Animal };其实从语法上可以看出他们两的区别,`type` 是用`=`符号,既然是等于,那肯定就存在多种情况的,`interface`使用的是`{}`符号,是一种`定义`的形式,既然是`定义`,那肯定就是觉得性质的,只会有一种可能// type和interface区别2既然`interface`是一种数据结构,那肯定是可以实现这种数据结构的,所以`interface`可以实现的功能// 比如运用interface用来定义接口,然后实现接口的功能:interface UserModelapi { getUserList:()=>Promise, getOrderList:()=>Promise,}class HtppApi implements UserModelApi{ getUserList(){ return new Promise((resolve)=>{ }); } getOrderList(){ return new Promise(()=>{ }); }}// enum和const的区别// 正确(语法理解上一看就知道,是这个对象有哪种情况)enum Sex { M = "男", F = "女" }// `enum` Sex枚举可以用来定义类型const getInfo=function(sex:Sex){ return `我的性别为:${sex}`;}// 错误(而这种语法看上去就是,这个对象有哪些值)const Sex ={ M:"男", F:"女"}// `const` Sex 不可以用来定义类型const getInfo=function(sex:Sex){ return `我的性别为:${sex}`;}
将对象或数组中类型转换为另一个类型
// 假设一个系统账号登录的场景://定义一个用户信息的接口类型interface User { age: number name: string passWord:string}//登录成功设置用户数据const UserInfo:User={ age:1, name: "鬼哥", password:"123456"}//输出密码为:123456console.log(UserInfo.password)//此时当设置用户数据成功后,User接口定义就不能再修改了,那我们就可以使用`映射类型`//设置所有属性为只读* keyof:获取当前对象所有属性{"age" | "name" | "password"}* T:泛型* P: 当前属性type SetReadonly ={ readonly [P in keyof T]:T[P];}//新建只读用户数据对象type ReadonlyUser = SetReadonly;const UserInfo:ReadonlyUser={ age:1, name: "鬼哥", password:"123456"}//直接报错,因为UserInfo实力中的每个属性都不可以修改console.log(UserInfo.password)//当然这样的举例说服我们去使用确实还缺少一些说服力,但是他的场景就是:在定义类型之后,可以重新设置定义类型的属性值
interface UserApi { getOrderList():void}// extends方式interface AppApi extends UserApi { getUserList():void}const appApi:AppApi={ getOrderList(){ }, getUserList(){ }}//交叉类型方式const appApi:AppApi&UserApi={ getOrderList(){ }, getUserList(){ }}
interface UserApi { getUserList():void}interface AppApi{ getUserList():void}//联合类型方式const appApi:AppApi|AppApi={ getUserList(){ }}
type regionType={ province:string, city:string}const region:regionType={ province:"上海省", city:"上海市"}const tableList = ["鬼哥",15,region];
关于“TypeScript中的重要概念有哪些”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“TypeScript中的重要概念有哪些”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网精选频道。
--结束END--
本文标题: TypeScript中的重要概念有哪些
本文链接: https://www.lsjlt.com/news/309723.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0