TypeScript---TS初接触，介绍与安装

1、TS介绍：TypeScript（以下简称为TS）是JavaScript（以下简称JS）的超集，支持es6语法，扩展了 JS的语法，现有的JS代码可与TS一起工作无需任何修改。TS最终会被编译为JS代码。TS非常适用于一些大型项目，也非常适用于一些基础库，极大地帮助我们提升了开发效率和体验。

2、TS特点：始于JavaScript，归于JavaScript，强大的类型系统，先进的JavaScript。

3、安装【npm install -g typescript】，版本查看【tsc -V】

4、编译：

ts文件中如果直接书写JS语法的代码，那么在html中直接引入ts文件，在谷歌浏览器中可以直接使用。如果ts文件中含有ts语法代码，那么需要将ts文件编译成js文件，在html文件中引入js文件进行使用。

（1）手动编译TS代码【tsc XX.ts 】，类似于编译JS代码【node XX.js】

（2）vscode自动编译:执行命令【tsc --init】生成配置文件tsconfig.json->修改tsconfig.json配置【 "outDir": "./js","strict": false,】->启动监视任务【 终端 -> 运行任务 -> 监视tsconfig.json】

5、类型注解：类型注解是一种轻量级的为函数或变量添加约束的方式。TS通过类型注解提供编译时的静态类型检查。

   ts文件函数中的形参，如果使用了某个类型进行修饰，最终编译的js文件中是没有这个类型的

   ts文件变量使用let进行修饰，编辑后的js文件中的修饰符就变成了了var

顺便复习下 var与let、const的区别

• var声明的变量会挂载在window上，而let和const声明的变量不会
• var声明变量存在变量提升，let和const不存在变量提升
• var 不具备块级作用域，会造成变量穿透，let，const具有块级作用域（{},如for，if都是），不会造成穿透
• 同一作用域下,var可以重复声明，而let和const不能声明同名变量
• let，const会造成暂时性死区（不能先使用再声明）
• const一旦声明必须赋值,不能写成【const a】,但是【const a=null】是合法的，但赋值后其值不能修改。如果声明的是复合类型数据，可以修改其属性