1.TypeScript介绍
1.1 TypeScript是什么
TypeScript,简称为TS,是javascript的超集,js有的功能ts都有。
TypeScript = Type + javascript,即在js的基础上增加了类型支持。
TypeScript是由微软开发的开源编程语言,可以在任何运行js的地方运行。
1.2 TypeScript为什么要为js添加类型支持
写过JS代码的同学都值得,JS是一个弱类型脚本语言,对使用的数据类型未做严格的要求,可以进行类型转换,简单又灵活。但是正因为这一特点,经常出现类型类型错误。为了解决这一问题,因此产生了TypeScript。
TypeScript和JavaScript对比:
语言 | 编程语言动静 | 代码检查时期 |
---|---|---|
TypeScript | 静态类型 | 编译期 |
JavaScript | 动态类型 | 执行期 |
1.3 相比JS的优势
1.更早的发现代码错误,减少bug数量,提示效率;
2.配合编译工具,有很好的代码提示,增强开发体验;
3.有强大的类型系统提升代码的可维护性;
4.有类型推断机制,不需要在代码的每个地方都显示设置类型;
另外,目前一些框架源码都默认支持TS,如:Vue3源码使用TS重写、Angular默认支持TS、uniapp和微信小程序也均支持TS开发,可见TS已经成为前端项目的首选编程语言。
2.TypeScript初体验
安装TypeScript工具
命令:npm i -g typescript
浏览器/node.js无法直接运行ts文件,需要编译成js再运行
编译运行命令
tsc xxx.ts
node xxx.js
简化编译运行操作
可通过ts-node
简化编译运行命令
先全局安装ts-node
:npm i -g ts-node
安装完成后,直接通过命令ts-node xxx.ts
,实现编译运行。
注意:该命令不会直接生成js文件。