TypeScript的基本使用(2)

简介: 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
相关文章
|
JavaScript Java API
TypeScript 中「泛型」的基本使用
TypeScript 中「泛型」的基本使用
64 0
|
JavaScript Java 索引
TypeScript 中「接口」的基本使用
TypeScript 中「接口」的基本使用
66 0
|
JavaScript
TypeScript 中「类」的基本使用
TypeScript 中「类」的基本使用
53 0
|
JavaScript
TypeScript 中「函数」的基本使用
TypeScript 中「函数」的基本使用
81 0
|
JavaScript
TypeScript的基本使用(1)
TypeScript的基本使用(1)
ts重点学习1-泛型得基本使用
ts重点学习1-泛型得基本使用
73 0
ts重点学习1-泛型得基本使用
ts重点学习73-泛型的基本使用
ts重点学习73-泛型的基本使用
79 0
ts重点学习73-泛型的基本使用
ts重点学习59-类的基本使用
ts重点学习59-类的基本使用
60 0
ts重点学习59-类的基本使用
ts重点学习74-泛型的基本使用
ts重点学习74-泛型的基本使用
78 0
ts重点学习61-类的基本使用
ts重点学习61-类的基本使用
80 0