本网站可以出售:只需60000元直接拥有。QQ:939804642
您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

详解TypeScript的基础类型

51自学网 2022-02-21 13:34:42
  javascript

布尔类型

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

数字类型

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

字符串类型

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

字符串和数字进行拼接

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

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

undefined和 null

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

数组类型

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

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

元组类型

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

枚举类型

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

any类型

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

void类型

function getobj(obj: object): object {       console.log(obj);       return {           name: '卡卡西',           age: 27       }}console.log(getobj({ name: '佐助', age: 20 }))

联合类型

 // 需求1:定义一个函数得到一个数字或字符串值的字符串形式值function getString(str: number | string): string {      return str.toString();}console.log(getString('萨斯给')) // 需求2:定义一个一个函数得到一个数字或字符串值的长度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'))

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注51zixue.net的更多内容! 


下载地址:
uni-app
详解jQuery的核心函数和事件处理
51自学网自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1