介绍

Typescript 介绍 1. TypeScript 是由微软开发的一款开源的编程语言。 2、TypeScript 是 Javascript 的超集，遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript 的语法。 3、TypeScript 更像后端 java、C#这样的面向对象语言，可以让 js 开发大型企业项目。 4、谷歌也在大力支持 Typescript 的推广，谷歌的 angular2.x+就是基于 Typescript 语法。 5、最新的 Vue 、React 也可以集成 TypeScript。 6、Nodejs 框架 Nestjs、midway 中用的就是 TypeScript 语法。

Typescript 安装编译

在使用 npm 命令之前电脑必须得安装 nodejs
安装

npm install -g typescript 
或者
cnpm install -g typescript （推荐）
或者
yarn global add typescript

检查安装
重新打开命令行

 tsc -v

运行也是编程成es5语法在同级目录编译一个js文件浏览器可以编译js 不能编译ts

 tsc helloworld.ts

自动编译ts

因为每次写代码都要运行tsc helloworld.ts 进行编译成js文件太麻烦所以要配置自动生成js文件

1、tsc --init 生成配置文件创建 tsconfig.json 文件
找到outDir改成/js
2、
老版本 vscode 点击: 任务->运行任务-> tsc:监视-tsconfig.json 然后就可以自动生成代码了
最新版本 vscode 点击: 终端->运行任务->typescript->tsc:监视-tsconfig.json 然后就可以自动生成代码了

第二集数据类型

typescript中为了使编写的代码更规范，更有利于维护，增加了类型校验，在typescript中主要给我们提供了以下数据类型

  	布尔类型（boolean）
      数字类型（number）
      字符串类型(string)
      数组类型（array）
      元组类型（tuple）
      枚举类型（enum）
      任意类型（any）
      null 和 undefined
      void类型
      never类型

typescript中为了使编写的代码更规范，更有利于维护，增加了类型校验

写ts代码必须指定类型

布尔类型（boolean）

 es5的写法 （正确写法）  ts中（错误写法）
     var flag=true;
     
     var flag:boolean=true;
		// flag=123;  //错误
		 flag=false;  //正确
 		console.log(flag);

数字类型（number）

        var num:number=123;
        num=456;
        console.log(num);  /正确/
        num='str';    //错误
        num=3.2//正确

字符串类型(string)

        var str:string='this is ts';
        str='haha';  //正确
        str=true;  //错误

数组类型（array） ts中定义数组有两种方式

     var arr=['1','2'];  //es5定义数组
    // 1.第一种定义数组的方式
        var arr:number[]=[11,22,33];
         var arr:string[]=["java","js","go"];
        console.log(arr);
    //2.第二种定义数组的方式
        var arr:Array<number>=[11,22,33];
        console.log(arr)

元组类型（tuple）属于数组的一种

    var arr:Array<number>=[11,22,33];
    console.log(arr)
    //元祖类型
    let arr:[number,string]=[123,'this is ts'];
    console.log(arr);

枚举类型（enum）
随着计算机的不断普及，程序不仅只用于数值计算，还更广泛地用于处理非数值的数据。
例如：性别、月份、星期几、颜色、单位名、学历、职业等，都不是数值数据。
在其它程序设计语言中，一般用一个数值来代表某一状态，这种处理方法不直观，易读性差。
如果能在程序中用自然语言中有相应含义的单词来代表某一状态，则程序就很容易阅读和理解。
也就是说，事先考虑到某一变量可能取的值，尽量用自然语言中含义清楚的单词来表示它的每一个值，
这种方法称为枚举方法，用这种方法定义的类型称枚举类型。
enum 枚举名{
标识符[=整型常数],
标识符[=整型常数],
…
标识符[=整型常数],
} ;

               enum Flag {success=1,error=2};
               let s:Flag=Flag.success;
               console.log(s);
               enum Flag {success=1,error=2};
               let f:Flag=Flag.error;
               console.log(f);
               enum Color {blue,red,'orange'};
         	   var c:Color=Color.red;
               console.log(c);   //1  如果标识符没有赋值 它的值就是下标
               enum Color {blue,red=3,'orange'};
               var c:Color=Color.red;
               console.log(c);   //3
               var c:Color=Color.orange;
               console.log(c);   //4
               enum Err {'undefined'=-1,'null'=-2,'success'=1};
               var e:Err=Err.success;
               console.log(e);
     ```
     搞定 睡觉