数组、元祖
数组:
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)