对于TypeScript的自我修养(一)

107 阅读2分钟

前言

hello~各位前端大佬,其实预谋这篇关于ts的文章已经很久了,之前学习过ts,不过工作中不怎么用到,有些概念真的是看了会,会了忘,就想整理出来一些比较系统性东西,方便以后进行查阅。感觉一篇文章是介绍不完的,于是就弄了一套专辑出来对于ts学习总结一下,如果各位觉得文章对于你们有帮助的话,希望可以点赞收藏噢!(由于工作原因,文章不定期更新呢)

进入正文

官网入口👉🏻:www.typescriptlang.org/

TypeScript是什么?

官网上是这样讲:

添加了类型系统的 JavaScript,适用于任何规模的项目。

其实对于ts我理解这里就是像一个老师管理学生的感觉叭,不能让学生无法无天的,需要对学生进行约束;ts对于js多了一种约束,使js更加的规范,其实刚接触的时候我一直把ts当做一门新的语言来学,这导致我对它总有一种莫名的恐惧感,但是在学习的途中我发现,不论有什么新的方法、新的特性,本质上就是要约束下js,那么以约束为中心的话,感觉就没那么恐惧了,所以希望刚刚接触ts的小伙伴不要产生过多的恐惧,学好不容易,学会还是可以滴~

TypeScript的特性

类型系统

顾名思义,类型系统重在类型,ts通过类型对js进行了约束限定

静态类型

js这种动态类型语言不同的是,ts不会在运行时检查,在编译阶段就会确定每个变量的类型,和java、c语言类似。


目前我觉得ts比较重要的特性是这俩,当然官网介绍的肯定比我全,感兴趣的小伙伴可以查阅哦

TypeScript的初体验

安装和使用TypeScript

TypeScript 的命令行工具安装方法如下:

npm install -g typescript

安装后我们全局会多了个tsc命令,执行tsc+文件名.ts就可以编译一个TypeScript的文件了

tsc index.ts

动手尝试下:新建一个index.ts文件,安装好ts后执行上述命令观察

// index.ts
let a = 1
var a = 1

这样,你就已经学会如何编译一个ts文件为js文件了,至于为什么ts使用let会被编译成var,这个与config的配置有关(后面会说)


总结

这篇文章只是简单介绍了下TypeScript的使用,下一篇文章会介绍TypeScript的一些基础的类型注解