美文网首页
TypeScript学习笔记(初始+数据类型)

TypeScript学习笔记(初始+数据类型)

作者: const_express | 来源:发表于2019-07-10 17:45 被阅读0次

    脑袋大 后悔之前没用空闲时间学一下ts 新公司项目是用ts写的 看的一脸懵 找了个视频 先自己学习一下

    需要准备的:
    1.先安装node 怎么安装就不知道了
    2.安装ts

    npm install -g typescript
    

    3.vscode初始化 创建 tsconfig.json 文件 tsc --init 生成配置文件

    1. 运行指令 tsc xxx.ts 转成js文件
      5..在vscode编辑器中 终端-运行任务-监听tsconfig.json 这样就可以实时ts转js代码
      =======我是迷人的分割线=======
      ts基本数据类型:
      布尔 boolean
      数字number
      字符串 string
      数组 array
      元祖 tuple
      枚举 enum
      任意类型any
      null
      undefined
      void类型
      nerver类型
      有几个之前没见过的新面孔 元祖 枚举 任意 void nerver、

    在定义ts变量的时候 必须要指定类型
    比如

    var flag:Boolean =true
    

    那么 要是下面再定义值是其他数据类型 就会报错

    flag=123
    

    会报错
    但是你可以写

    flag=false
    

    --数组类型--
    ts定义数组有两种方式
    一种是指定数字类型

    var arr:number[]=[11,22,33]
    意思是里面只能存在数字类型的值
    

    第二种是 :
    举个栗子

    var arr:Array<number>=[1,2,333]
    里面也是只能存在类型为数字的值  传入其他类型的 会报错
    

    ----元组类型----
    在数组中,有时候不一定是全数字或者全字符串,可能会是字符串和数字混合 这时候就可以用到元组类型,给数组的每一项都指定类型
    比如:

    let arr[number,string]=[1,'haomeili']
    

    这样 数组内第一个值就被指定为数字,第二个被指定为字符串
    -----枚举类型-------
    经常会遇到枚举 ,比如说 姓名,年龄这种的
    在ts中 枚举是enum 名称{key1=value1,key2,key3}

    enum Color{blue,red,pink,hotpink=1081,aaa,ccc,ddd=567,eee}
    let a =Color.blue
    let b =Color.hotpink
    let c =Color.eee
     console.log(a) //输出0
    console.log(b) //输出1081
    console.log(c) //输出568
    也就是说 如果没有赋值,那么打印出来该key的vaule就是他的下标  但如果 前一个赋值,后一个 就要在前一个的基础上+1  
    如上面的例子  eee前面的ddd是567  那么后面的eee就是568
    第一个blue  没有值 就按照他的下标  0 
    

    相关文章

      网友评论

          本文标题:TypeScript学习笔记(初始+数据类型)

          本文链接:https://www.haomeiwen.com/subject/jhnckctx.html