TypeScript基本介绍和安装

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-nodenpm i -g ts-node

安装完成后,直接通过命令ts-node xxx.ts,实现编译运行。

注意:该命令不会直接生成js文件。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容