TypeScript介绍

一、TypeScript是什么呢？

       TypeScript（简称：TS）是JavaScript的超集（Js有的Ts都有）。

        既然TS是超集，那么TS比JS多了什么？

        解答： TypeScript= Type + JavaScript(在Js的基础上，为Js添加了类型的支持)。

TypeScript是微软开发的开源编程语言，可以在任何的Javascript的地方运行

例如：

    

Js与TS的书写不同

 

二、TypeScript为什么要为JS添加类型的支持呢？

背景：JS的类型系统存在“先天缺陷”，JS代码中的绝大部分错误都是类型错误(当打开控制台调试工具报的错误：UncaughtTypeError)。

问题： 增加了找bug，改bug的时间，严重影响了开发的效率。

从编程语言的动静来区分，TypeScript属于静态类型的编程语言，JS属于动态类型的编程语言。

静态类型：编译期做类型的检查；

动态类型：执行期做类型的检查；

代码编译和代码执行的顺序：1、编译 ；  2、执行

对于JS来说：需要等到代码真正去执行的时候才能发现错误（晚）；

对于TS来说：在代码编译的时候（代码执行前）就可以发现错误（早）

并且，配合VSCode等开发工具，TS可以提前在编写代码的同时就可以发现代码中的错误，从而减少找Bug，改Bug的时间

三、TS相比JS的优势

1、更早（写代码的同时）发现错误，减少找Bug，改Bug时间，提高开发效率。

2、程序中任何位置都有代码的提示，随时随地的安全感，增强了开发的体验。

3、强大的类型系统提高了代码的维护性，让代码重构更加的容易

4、支持最新的ECMAScript语法。优先体验最新的语法，让你走在最新前端技术的前沿。

5、TS类型推断机制，不需要在代码中的每个地方都显示标注类型，让你享受优势的同时，尽量降低了学习成本。

除此之外，现前端框架都有哪一些使用Ts呢 ？ Vue3源码使用TS重写，Angular默认支持TS、React与TS完美配合，TypeScript已成为大中型前端项目的首选编程语言。