TypeScript介绍

发布时间 2024-01-01 15:57:50作者: perfect*

一、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已成为大中型前端项目的首选编程语言。