这篇文章主要为大家介绍了TypeScript的基础类型,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
布尔类型
1 2 3 4
|
let flag: boolean = true; console.log(flag)
|
数字类型
1 2 3 4 5 6
| let a1: number = 10 let a2: number = 0b1010 let a3: number = 0o12 let a4: number = 0xa console.log(a1 + a2 + a3 + a4)
|
字符串类型
1 2 3 4
| let str1: string = '床前明月光'; let str2: string = '地上鞋两双'; console.log(str1 + ',' + str2)
|
字符串和数字进行拼接
1 2 3
| let str3: string = '我现在的岁数:' let a5: number = 24 console.log(`${str3}${a5}`)
|
总结:ts中变量一开始是什么类型,那么后期赋值的时候,只能用这个类型的数据,是不允许用其他类型的数据赋值给当前的这个变量中
undefined和 null
1 2 3 4 5
| let und: undefined = undefined let n1l: null = null console.log(und) console.log(n1l)
|
数组类型
1 2 3 4 5 6 7 8
| let arr1: number[] = [10, 20, 30, 40, 50] console.log(arr1);
let arr2: Array<number> = [100, 200, 300] console.log(arr2);
|
注意问题:数组定义后,里面的数据的类型必须和定义数组的时候的类型是一致的,否则有错误提示信息,也不会编译通过的
元组类型
1 2 3 4 5 6
| let arr3: [string, number, boolean] = ['小甜甜', 100, true]; console.log(arr3)
console.log(arr3[0].split('')); console.log(arr3[1].toFixed(2));
|
枚举类型
1 2 3 4 5 6 7 8 9
| enum Color { red, green, blue }
let color: Color = Color.red console.log(color); console.log(Color[2])
|
any类型
1 2 3 4 5 6 7 8
| let str5: any = 100; str5 = '宇智波带土' console.log(str5);
let arr6: any = [100, '宇智波带土', true]; console.log(arr6)
console.log(arr6[1].split(''));
|
void类型
1 2 3 4 5 6 7 8
| function getobj(obj: object): object { console.log(obj); return { name: '卡卡西', age: 27 } } console.log(getobj({ name: '佐助', age: 20 }))
|
联合类型
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| function getString(str: number | string): string { return str.toString(); } console.log(getString('萨斯给'))
function getString1(str: number | string): number { return str.toString().length if ((<string>str).length) { return (str as string).length } else { return str.toString().length } } console.log(getString1(12345)) console.log(getString1('12345'))
|
总结
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注68HTML的更多内容!