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