zoukankan      html  css  js  c++  java
  • typeScript入门(一)构建环境和数据类型

    最近入坑v-cli 3.0,发现ts越来越常用了,于是开始入坑学习。
    1.构建ts环境
    npm install -g typescript
    Mac和vscode用户可以用以下方式构建tsdemo项目
    mkdir tsdemo && cd tsdemo && tsc --init
    在生成的tsconfig.json中的配置“outDir”的值改成'./js’
    然后就是“终端”—>“运行任务”,监视tsconfig.json
    最后新建一个index.html和index.ts,index.html引入的js路径是./js/index.js,因为index.ts会被编译到./js/index.js里。
    2.ts的数据类型
    布尔类型(boolean)
    数字类型(number)
    字符串类型(string)
    数组类型(array)
    元组类型(tuple)
    枚举类型(enum)
    任意类型(any)
    null 和 undefined
    void类型
    never类型
     
    1)布尔类型(boolean)
    var flag:boolean=true;
    2)数字类型(number)
    var num:number=123;
    3)字符串类型(string)
    var str:string='this is ts’;
    4)数组类型(array)
    var arr:number[]=[11,22,33];
    var arr:Array<number>=[11,22,33];
    var arr3:any[]=['131214',22,true];
    这两种定义数组的方式都是对的
    5)元组类型(tuple)
    元组类型允许表示一个已知元素数量和类型的数组
    let arr:[number,string]=[123,'this is ts'];
    6)枚举类型(enum)
    为了考虑到一个变量有多种可能的值称为枚举类型。
    enum Flag {success=1,error=2};
    let f:Flag=Flag.error;
    赋值的时候需要注意一下,它是:Flag,表示在这个枚举中取值。
    7)任意类型(any)
    any可以是其他的任意ts类型,用于不清楚变量的类型但又想为其指定类型
    比如:var oBox:any=document.getElementById('box’);
    8)null 和 undefined
    默认情况下null和undefined是所有类型的子类型。 就是说你可以把 null和undefined赋值给任何类型的变量。但是你在开启strictNullChecks标记后,就需要在定义的时候,给你变量多种类型
    var nums:number | null;
    9)void类型 :typescript中的void表示没有任何类型,一般用于定义方法的时候方法没有返回值。
    function run():void{
       console.log('run')
    }
    run();
    10)never类型
    never类型表示的是那些永不存在的值的类型,比如闭包
    var a:never;
    a=(()=>{
       throw new Error('错误');
    })()
     
     
     
     
     
     
     
     
     
  • 相关阅读:
    etymology-R
    arp与免费arp的差别,arp老化
    基于S3C2440的linux-3.6.6移植——LED驱动【转】
    《unix环境高级编程》学习笔记【原创】
    安装截图工具 Shutter【转】
    《UNIX环境高级编程第三版》apue.h等源码文件的编译安装【转】
    Ubuntu 下安装Source Insight [转]
    "makefile:5: *** missing separator. Stop."【转】
    深入浅出剖析C语言函数指针与回调函数(一)【转】
    总结与反思、理想与规划---嵌入式学习之旅【原创】
  • 原文地址:https://www.cnblogs.com/tzzf/p/9751795.html
Copyright © 2011-2022 走看看