您现在的位置是:首页 >技术杂谈 >TypeScript的基本使用(2)网站首页技术杂谈

TypeScript的基本使用(2)

香蕉麻花皮 2024-06-23 18:01:02
简介TypeScript的基本使用(2)

1,特殊的数据声明(日期,正则等)

        日期

let d:Date=new Date() //声明一个日期对象

        正则

let reg:RegExp=/d{6}/  //正则

        或者是声明页面元素对象

let divs:NodeList=document.getElementBtid(“box”) //声明id是box的页面元素对象

2.接口(此接口不是后端的接口,相当于是对象的模板,声明一个模板,后续用这个模板时得按照规定来生成数据)

        2.1 创建一个接口 (关键字 interface 声明这个数据是一个模板数据)

interface person {
Name:string,moner:number
} //后续我们用这个接口来创建数据时,所创建的数据必须的和这个模板的数据格式,内容一致,比如
//对象里第一个key得是name,value的值必须是string类型的数据,第二个数据的key必须是moner。值必须是number类型的数据

        2.2通过我们创建的接口来创建对象

let arr:person ={name:"123",moner:123} //person是我们定义的接口的名称,(模板名称)

        2.3 给数据定义一个可读属性

interface person {
readonly  Name:string,moner:number
} 
//在我们需要定义为可读的参数前加上readonly 即可将改属性变为可读属性,当我们用这个模板创建好数据后,后续我们如果需要修改这个属性,就会报错。

        2.4 接口继承(多个接口可以组合在一起,关键字extends

interface person1 {
Name:string,moner:number
} //创建第一个模板

interface person2 extends person1{
age:number
} //创建第2个模板,这里用extends将第一个模板继承过来。后续我们创建数据时用了person2时,所创建的数据必须芒祖person1和person2所规定的类型,相当于将person1的模板类型加到person2里头去了

3.字面量写法

相当于是规定变量必须只能使用哪些值

let nu:1|2|3=1  //nu只能赋值1,2,3

4.枚举类型数据声明

enum gender{ weix, ais ,saca}  //enum是关键字,gender是变量名称,默认第一个枚举的数据是0

        4.1获取枚举值

变量名【“值”】
enum gender{ weix, ais ,saca}
gender[“weix”] //返回0,我们查询的是weix,weix在数据里是排第一个所以返回的是0

        4.2 通过序号来获取数据

变量名[序号]
enum gender{ weix, ais ,saca}
gender[1]  //ais  ,返回ais,因为数据是从0开始的

5.泛型

        广泛的类型,总结来说,就是将类型也作为一个变量,用的时候也要传变量

泛型的应用

     

Function fn <T>(data:T):T{
Return data
}  //定义了一个函数fn,函数接收一个类型变量t,类型变量t作为我们所接收的形参data上,给data规定类型


fh<number>(100)  //使用fn函数,传入类型number,由于我们的data形参规定的类型是我们传入的类型,我们传入的是number类型,所以实参必须赋值number的类型数据,所以实参赋值100

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。