typescript的基本数据类型

1,boolean类型

   let bean:boolean =true;
    // bean =123 报错
    // console.log(bean)

2,number类型

  let num:number =123
    // num='123' 报错
    // console.log(num)

3,string类型

    let str:string ='123'
    // str=123 报错
    // console.log(str)

4,undefined null

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

5,数组类型

  // 数组定义方式1  
    // 定义一个数值类型的数组
     let arr: number[] = [1,2,3]
    //  arr[0]='123' 报错
    //  console.log(arr)

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

6,元组类型:在定义数组的时候,类型和数据的个数一开始就已经限定了

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

7,枚举类型,枚举里面的每个数据值都可以叫元素,每个元素都有自己的编号,编号是从0开始的,依次的递增加1

enum Color {
        red = 1,
        green,
        blue
    }
   // 定义一个Color的枚举类型的变量来接收枚举的值
   let color: Color = Color.red
    //    console.log(color)
    //    console.log(Color.red, Color.green, Color.blue)
    //    console.log(Color[3])  //注意索引是从1开始的

8,any 类型

    let str2: any =100
    str2='年少不知富婆好,错把少女当成宝'
    //   console.log(str2)
    // 当一个数组中要存储多个数据,个数不确定,类型不确定,此时也可以使用any类型来定义数组
    let arr4: any[] = [100, '年少不知软饭香,错把青春倒插秧', true]
    // console.log(arr4)
    // 这种情况下也没有错误的提示信息,any类型有优点,也有缺点
    //   console.log(arr4[0].split(''))

9,void 类型,在函数声明的时候,小括号的后面使用:void,代表的是该函数没有任何的返回值

    function showMsg(): void {
        console.log('只要富婆把握住,连夜搬进大别墅')
        // return
        // return undefined
        return null
    }
    // console.log(showMsg())
    // 定义void类型的变量,可以接收一个undefined的值,但是意义不是很大
    let vd: void = undefined
    // console.log(vd)

10,object 类型

  // 定义一个函数,参数是object类型,返回值也是object类型
    function getObj(obj: object): object {
        console.log(obj)
        return {
        name: '卡卡西',
        age: 27
        }
    }
    // console.log(getObj({name:'佐助',age:'男'}))
    // console.log(getObj('123')) // 错误的
    // console.log(getObj(new String('123')))
    // console.log(getObj(String))

11,联合类型(Union Types)表示取值可以为多种类型中的一种

// 需求1: 定义一个函数得到一个数字或字符串值的字符串形式值
    function getString(str:number|string|boolean):string{
      return str.toString()
    }
    // console.log(getString('123'))
    // console.log(getString(123))
    // console.log(getString(true))

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值