typescript 01 认识ts和ts的类型

看ITYING ts专辑（前三集总结）

TypeScript 是 Javascript 的超级，遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript 的语法。
TypeScript 更像后端 java、C#这样的面向对象语言可以让 js 开发大型企业项目，一张图概括

npm install -g typescript

先全局安装一下，在vscode配置，找到新建ts的目录下，创建 tsconfig.json 文件（当前目录执行 tsc --init 生成配置文件）

找到vscode 的Tmeinal--->Run Task-->点击 tsc:监视-tsconfig.json 然后就可以自动生成代码了

就生成了（outDir就相当于webpack的指定输出文件的位置）

搞定了。

*********************************************************************************ts的类型******************************************************************************************

布尔类型（boolean）

数字类型（number）

字符串类型(string)

数组类型（array）

元组类型（tuple）

枚举类型（enum）

 

任意类型（any）

null 和 undefined

void类型

never类型

一一介绍，别急，说白了就是定义变量的时候要指定类型，赋予的值也必须同等类型，不然编译ts文件报错，（页面上依然能展示出来）

自己定义一个ts自己试一下就搞定

var flag:boolean=false 

var num:number=123

var str:string='this is ts';
// 数组类型（array）  ts中定义数组有两种方式
 // 1.第一种定义数组的方式

 var arr:number[]=[11,22,33];

 console.log(arr);
 //2.第二种定义数组的方式

 var arr2:Array<number>=[11,22,33];

 console.log(arr2)
  //3、第三种

  var arr3:any[]=['131214',22,true];

  console.log(arr3);

  // 元组类型（tuple）  属于数组的一种
  let arr001:[number,string]=[123,'this is ts'];

  console.log(arr);

//   枚举类型（enum）

/*语法，就是后台经常用的那个状态码 1表示啥 2表示是啥（举个栗子）
    enum 枚举名{
        标识符[=整型常数],
        标识符[=整型常数],
        ...
        标识符[=整型常数],
    } ;
    */

   enum Flag {
       success=1,
       error=2};

   let s:Flag=Flag.success;
   console.log(s);

// 任意类型（any）这尼玛就相当于  无敌的存在

    var num001:any=123;

    num001='str';

    num001=true;
// null 和 undefined  其他（never类型）数据类型的子类型//
var num002:undefined;

var num003:number | undefined;

num003=123;

console.log(num003);//123如果没有复制就是undefined

// void类型 :typescript中的void表示没有任何类型，一般用于定义方法的时候方法没有返回值。
function run():void{

    console.log('run')
}

run();
    /*
       function run():number{

           return 123;//有返回值也可以就得定义number
        }

        run();
       */

 // never类型:是其他类型 （包括 null 和 undefined）的子类型，代表从不会出现的值。

//这意味着声明never的变量只能被never类型所赋值。这个一般用的不多
  /*

    var a:undefined;

    a=undefined;

    var b:null;

    b=null;

   */