安装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