前端学习TS之路——1(TS的启动、数据类型)

安装TS

npm i typescript -g

TS的文件是ts结尾的后缀
因为TS是包含ES6的需要转化一下
命令行输入：

tsc index.ts（）

会生成一个.js的文件
VScode自动编译TS的代码

第一步：
进入文件 输入命令行：

tsc index.ts（）

tsc --init（生成tsconfig.json）；
第二步：
将tsconfig.json中的"outDir": “./js”, 的注释取消 且改成这样

第三步：
vscode点击任务或者终端 ==>点击运行任务 ==>点击监视任务
语法点：
声明变量的类型：

var str: string = "hi"；

TS的所有的数据类型：
布尔类型：boolean
数字类型：number
字符串类型：string；
数组类型：array
元组类型：tuple；
枚举类型：enum；
任意类型：any；
null 和undefined；
void类型；
never类型；
定义变量：

var flag :boolean = true;
var num :number = 123;
var str:string = "77889";

声明一个数组的方式：

var arr = ['123456',"11111"];
var arr2:string[] = ['123456',"11111"];
var arr3:Array<string>=['123456',"11771"];

数组中的:string[]定义数组中的数据类型是什么;

元组类型：——必须写对应的数据类型

var arr4:[number,string] = [213,'123'];

在js的ES5中可以将变量重复改变例如：flag = 123
但是在TS中无法改变 会报错；
会报错的根本原因是因为增加了一个类型校验的机制 使得代码更加规范 类似于严格模式；更加有利于维护
枚举类型(enum)：一般用在错误和正确码上
公式：标识符 [=整型常数]

 enum Flag {success=1,error=2};
 let yy:Flag = Flag.success;
 console.log(yy)

1.如果标识符没有赋值 他的值就是小标

enum Color {blue,red,'whit'};
var c :Color = Color.blue;
console.log(c)

2.可以改变下标

enum Color {blue,red=9,'whit'};
var c :Color = Color.whit;//10