TypeScrip基础

数组、元祖

数组:
let list = [1,'ddd']
let list2: any[] =[1,'ddd',true]
let list3: Array = [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 = (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)

你可能感兴趣的:(TypeScrip基础)