详解TypeScript的基础类型

快乐人L

目录

• 布尔类型
  
• 数字类型
  
• 字符串类型
  
• 字符串和数字进行拼接
  
• undefined和 null
  
• 数组类型
  
• 元组类型
  
• 枚举类型
  
• any类型
  
• void类型
  
• 联合类型
  
• 总结
  

布尔类型

1. // 布尔类型--->boolean
   
2. // let 变量名：数据类型 = 值
   
3. let flag: boolean = true;
   
4. console.log(flag)

复制代码

数字类型

1. // 数字类型--->number
   
2. let a1: number = 10 // 十进制
   
3. let a2: number = 0b1010 // 二进制
   
4. let a3: number = 0o12// 八进制
   
5. let a4: number = 0xa // 十六进制
   
6. console.log(a1 + a2 + a3 + a4)

复制代码

字符串类型

1. // 字符串类型--->string
   
2. let str1: string = '床前明月光';
   
3. let str2: string = '地上鞋两双';
   
4. console.log(str1 + ',' + str2)

复制代码

字符串和数字进行拼接

1. let str3: string = '我现在的岁数：'
   
2. let a5: number = 24
   
3. console.log(`${str3}${a5}`)

复制代码

总结:ts中变量一开始是什么类型,那么后期赋值的时候,只能用这个类型的数据,是不允许用其他类型的数据赋值给当前的这个变量中

undefined和 null

1. // undefined和 null都可以作为其他类型的子类璧,把undefined和nu1l赋值给其他类型的变量的,如: number类型的变量
   
2. let und: undefined = undefined
   
3. let n1l: null = null
   
4. console.log(und)
   
5. console.log(n1l)

复制代码

数组类型

1. // 方式一：let变量名:数据类型[]=[值1,值2,值3,...]
   
2. let arr1: number[] = [10, 20, 30, 40, 50]
   
3. console.log(arr1);

复制代码

1. // 方式二：泛型的写法
   
2. // 语法: let变量名: Array<数据类型>=[值1,值2,值3]
   
3. let arr2: Array<number> = [100, 200, 300]
   
4. console.log(arr2);

复制代码

注意问题:数组定义后,里面的数据的类型必须和定义数组的时候的类型是一致的,否则有错误提示信息,也不会编译通过的

元组类型

1. // 元组类型:在定义数组的时候,类型和数据的个数一开始就已经限定了
   
2. let arr3: [string, number, boolean] = ['小甜甜', 100, true];
   
3. console.log(arr3)
   
4. // 注意问题:元组类型在使用的时候,数据的类型的位置和数据的个数应该和在定义元组的时候的数据类型及位置应该是一致的
   
5. console.log(arr3[0].split(''));
   
6. console.log(arr3[1].toFixed(2));

复制代码

枚举类型

1. enum Color {
   
2.        red,
   
3.        green,
   
4.        blue
   
5. }
   
6. // 定义一个Color的枚举类型的变量来接收枚举的值
   
7. let color: Color = Color.red
   
8. console.log(color);
   
9. console.log(Color[2])

复制代码

any类型

1. let str5: any = 100;
   
2. str5 = '宇智波带土'
   
3. console.log(str5);
   
4. // 当一个数组中要存储多个数据,个数不确定,类型不确定,此时也可以使用any类型来定义数组
   
5. let arr6: any = [100, '宇智波带土', true];
   
6. console.log(arr6)
   
7. // 这种情况下也没有错误的提示信息, any类型有优点,也有缺点
   
8. console.log(arr6[1].split(''));

复制代码

void类型

1. function getobj(obj: object): object {
   
2.        console.log(obj);
   
3.        return {
   
4.            name: '卡卡西',
   
5.            age: 27
   
6.        }
   
7. }
   
8. console.log(getobj({ name: '佐助', age: 20 }))

复制代码

联合类型

1. // 需求1:定义一个函数得到一个数字或字符串值的字符串形式值
   
2. function getString(str: number | string): string {
   
3.       return str.toString();
   
4. }
   
5. console.log(getString('萨斯给'))
   
6. 
   
7. // 需求2:定义一个一个函数得到一个数字或字符串值的长度
   
8. function getString1(str: number | string): number {
   
9.       return str.toString().length
   
10.       if ((<string>str).length) {
    
11.           return (str as string).length
    
12.       } else {
    
13.           return str.toString().length
    
14.       }
    
15. }
    
16.   console.log(getString1(12345))
    
17.   console.log(getString1('12345'))

复制代码

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
                                                        
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！