typeScript初探

157 阅读2分钟

ts是什么

你可以点击其官方网站或者ts的中文网站进行更详细的了解,ts是js的超集,扩展了js的语法,其名字就反应了它的特点,即主要提供了类型系统,通过类型注解提供编译时的静态类型检查。可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

ts相对于js的优缺点

优点:

1:可读性与维护性强,在编译阶段就能发现大部分的错,这总比js在运行时才发现出错要好些

2:即使不显式的定义类型,也能够自动做出类型推论

3:ts的类型系统是比较完备的,可以定义从简单到复杂的几乎一切类型

4:即使 TypeScript 编译报错,也可以生成 JavaScript 文件

5:兼容第三方库,即使第三方库不是用 TypeScript 写的,也可以编写单独的类型文件供 TypeScript 读取。

缺点:

1:有一定的学习成本,需要理解接口(Interfaces)、泛型(Generics)、类(Classes)、枚举类型(Enums)等前端工程师可能不是很熟悉的概念。

2:短期可能会增加一些开发成本,毕竟要多写一些类型的定义,不过对于一个需要长期维护的项目,TypeScript 能够减少其维护成本

3:可能和一些库结合的不是很完美

ts与vue3

vue3是用ts来开发的,目前现在vue3还未正式发版,不过,我们有必要提前学习ts,为后面vue3的开发做准备,至于vue3有哪些新的特点,后面再更新,当然学习ts要与项目一起来开发,才不会那么枯燥,所以,我打算用vue2.x版本结合ts来一起学习,目前如果我们想用vue2.x版本中用ts的话,需要基于vue-class-components,也就是说与我们平时写组件的方式不太一样。下篇文章就用项目来说明vue-class-components 与 ts的使用。