《TypeScript的简单入门》

195 阅读1分钟

number类型

let num:number=12;
let figure:number=33;

string类型

let str:string="123";
let str1:string="hello world";

boolean类型

let isShow:boolean:false;

array类型

声明数组有两种方式:
一、在类型后面拼接上数组,例如
    let arrNumber:number[]=[1,2,3];
二、使用泛型的方法,例如
    let arr:array<number>=[1,2,3];

string、number、array混合使用方法

let MixArr:(string|number)[]=["hello",12]
let StrArr:string[]=["hello","world"]

元组Tule类型

表示已知类型的元素的数量和类型的数组,元素的类型可以不相同
let inner:[string,number];
inner=["hello",12] //ok
inner=[12,12] //error

枚举

enum enumeration={
    //列出来
    left : 24,
    right,  // 25
    top,    // 26
    bottom, // 27
}
通过这个例子可以看出来枚举就是说我们定义了一个变量,后面的变量都会累加

函数的传参

函数参数其实和我们在js中传参是一样的,只不过多了个类型的判断

    function fn(age:number){
        //定义的参数是number类型
        return age;
    }
    fn("111"); //Error
    fn(12); //ok
    
    function inner(name:string,age:number){
        //定义参数类型必须是string和number类型
        return number+"今年"+number+"岁了";
    }
    inner("张三",18); // ok 
    
    function fn(age:number):number{
        //定义的参数是number类型,返回值必须也是number类型
        return age;
    }
    fn("111"); //Error
    fn(12); //ok

使用typescript的好处

 在js中声明一个变量,而且这个变量可以是number类型、可以是string类型。
    let num=12;
    let str="hello"
在typescript中声明number类型,声明了一个number类型的变量名,使
其只能是number类型,使用typescript的好处时是类型定义更加清晰,类型错误
时,typescript类型检查直接就报错了
    let num:number=12;
    let num:number="hello"; //Error
    let figure:string="hello"; //ok