TypeScrip基础

数组、元祖

数组：
let list = [1,'ddd']
let list2: any[] =[1,'ddd',true]
let list3: Array<number> = [1,2,3,4]
元祖类型:
let person1:[number, string]=[1,''阿莱克斯]
1.元祖bug ,使用元祖.push可以突破元祖的界限，无限度的给元祖添加长度。
2.声明元祖的时候一定要指明类型

联合（Union）与文献（Literal）类型

1.联合类型就是一个类型的变量可以同时支持一个或几个不同的类型，支持的类型之间|隔开
let union : string | number

function merge(n1: number | string, n2: number | string){
    if(typeof n1 === 'string' || typeof n2 === 'string')
       return n1.toString() + n2.toString();
    else   
    return n1+n2;
}

2.字面量类型（literal）,使用非常灵活，可以使用不同类型
let union3: 0 | 1 | 2
let literal : 1 | '2' | true | [1,2,3,4]

function merge(n1: number | string, n2: number | string, resultType: 'as-number' | 'as-string'){
    if(resultType === 'as-string'){
        return n1.toString() + n2.toString();
    }
    if(typeof n1 === 'string' || typeof n2 === 'string')
       return n1.toString() + n2.toString();
    else   
    return n1+n2; 
}
console.log(merge(1,2,"as-number"))//打印3
console.log(merge(1,2,"as-string"))//打印12
console.log(merge('hello','world'))//打印helloworld

枚举类型（Enum）

enum Color {
    red = 'red',
    green = 'green',
    blue = '3',
}
let color = Color.green
console.log(color);//打印green

any 和 unkown未知类型

//any
let randomValue: any = 666;

//unkonwn未知类型
let randowValue: unknown === 666
//randowValue()时会报错提示 
if(typeof randomValue === 'function'){
     randowValue()//这样就不会报错了
}

void、undefined 与 never

一个函数没有任何返回的情况下，函数就是一个void类型，typescript中可以指定类型：

function printResult() : void {
console.log('lalala');
}

原生javascript中是没有void的
undefined和void区别是 前者是有但是没有赋值，后者是压根没有这个东西。

function printResult() :undefined {
console.log('lalala');
return 
}

一个函数永远执行不完 never

function throwError(message: string, errorCode: number)：never{
     throw {//抛出异常
        message，
        errorCode
     }
}
throwError("not fount",404);

function whileLoop():never {
    while(true){
      console.log('hehehe');
    }
}

3-9 类型适配（类型断言）Type Assertions

//3-9类型适配（类型断言）Type Assertions
let message : any;
message = 'abc';//这个时候message还是any类型

let ddd = (<string>message);//这个时候ddd就是字符串类型了
//另一种写法
let ddd2 = (message as string)

3-10 函数类型

//javascript 和 typescript最大的区别是typescript可以定义类型
let log = (message: string) => console.log(message)
log('hello');
let log3 = (message: string, code: number) => {
    console.log(message,code)
}
//在typescript中调用函数和javascript有一个显著的不同，typescrip中如果定义了两个函数，就必须填写所有的参数，而且类型必须匹配一致
log3('hello',3)