前言

在前端项目越来越大的今天,我们急需一种方式能够在开发阶段发现潜在问题,而不是在运行阶段排查错误。为了解决此类问题，微软带着TypeScript来了，下文TypeScript简称TS。

1、TS是什么

• 1.1 TS是微软开发的开源编程语言，可以在任何运行JS的地方运行
• 1.2 TS是JS的超集，也就是说TS在包含了所有JS实现的基础上，又对JS进行了补充(增加了类型支持)，请看下图，TS包含了JS的所有实现和JS的类型支持

2、我们为什么要用TS

• 2.1 JS的类型系统存在"先天缺陷"，JS代码中的绝大部分错误都是UncaughtTypeError,增加了在开发过程中找bug、该bug的时间
• 2.2 TS属于静态类型的编程语言，JS则属于动态类型的编程语言，TS在编译期做类型检查可以更早的发现错误；JS则会在执行期做类型检查，需要等到代码真正执行的时候才能发现问题
• 2.3 TS开发项目，程序中的任何位置都会有代码提示，提高了开发体验
• 2.4 TS支持最新的ECMAScript语法，使用最新的语法开发项目，享受极致的开发体验
• 2.5 TS强大的类型系统，提升了代码的可维护性，降低项目重构的难度
• 2.6 基于TS强大的类型推断，不需要我们在写代码的时候显示的标注类型，降低了开发成本

3、 安装TS

 npm i -g typescript
 // 查看ts版本
 tsc -v

• 3.1 TS的包提供了tsc命令，可以实现TS --> JS的转换(浏览器只识别JS代码，不认识TS代码),如图

4、TS初体验

• 4.1 首先创建一个index.ts文件,并写入以下代码

• 4.2 接下来我们通过tsc把TS代码编译成JS代码

    tsc ./index.ts

这个时候我们就可以看到index.js文件被tsc命令编译成功

结尾

• 这个时候，我们就了解了什么是TS，TS能做什么

写在最后

• TS系列文章会由浅入深的逐步带你领略TS的魅力
• 欢迎大家评论，指出不完善的地方