为什么要使用typescript
- 前段时间,被问到一个问题就是为什么要使用typescript或者说ts的优劣在哪里,我脑海里能立马能浮现出来的几个关键词:类型检查、代码质量等等,但并没有深刻的思考,为什么要用?之前的项目能不用吗,好像也可以。
- 现在准备深入的思考一下typescript,希望自己不是为了"跟风"去使用typescript,而是真正的让ts给自己带来了便利解决了痛点,而去使用typescript
typescript的优势
-
类型检查: Typescript作为js的超集,首先提供的一个比较重要的特性就是类型检查,把无类型的语言升级成了类型语言。
- 定义好类型声明后:配合IDE开发工具(比如我使用的vscode),我们可以在写代码的过程中,就根据类型检查+编辑器的错误提示识别出一些代码错误。并且在写的过程中,开发工具能提供语法提示,比如引入一个第三方包或者一个对象属性时,再输入前面几个字母后,开发工具就能自动帮你补全。这是一种语言工具和开发工具相结合,提高开发效率和debug效率的良好实践,也是使用ts开发时体验良好的原因之一。
- 类型声明代码同时也能看成一种api文档或注释,比如你引入了一个第三方的模块包,你可以点开它的typescript类型声明代码,就能清楚的看到他有提供哪些接口,分别接受什么参数,如果再搭上一些注释,明显地可以让使用者感觉更加清楚。
- 当然类型检查的强大远不止我上面讲的这一点,具体的优势开发者可以自行去体会。
-
超集之外的语法糖:Typescript作为JavaScript的超集,意味着他能提供原生js之外的语法。
- 举个例子:TypeScript中有一个optional chain的语法,就比如有个js对象
obj
,取它的一个属性a
,用js来写就是:obj.a
,但如果obj
是null或者undefined的话代码就会报错,而如果用ts,就可以这样:obj?.a
,他可以兼容上面说的会报错的情况。 - 譬如上面提到的这种新的语法糖,确实能够在我们编码的过程中给我们提供一些便利,可以少写一些容错代码(当然,本质上还是会转成js代码,只不过这些容错代码是ts帮你加上了),提高了编程效率。
- 举个例子:TypeScript中有一个optional chain的语法,就比如有个js对象
- 多人协作/项目重构:这个优势是根据具体项目来说的,仔细想想简单一点的项目似乎确实不用上ts。如果一个项目是多人协作跨团队协作,涉及到的一个问题就是你得去看或者修改别人写的代码,特别是重构别人的原有代码时,这是一个特别容易出bug的步骤。如果使用了Typescript,在修改代码时,ts会帮你做一层校验,避免一些低级的错误,提前暴露问题。而且我个人的感觉:在看别人的代码时,Typescript代码比原生的JavaScript看起来更便捷更容易。
Typescript的劣势
- 首先作为一门语言或者说工具而言,我认为Typescript并没有特别明显或不可容忍的缺点。下面说的这些劣势,都是在结合实际项目,开展开发工作时会出现的,同时也是可以人为的克服或避免的。
-
成本。使用Typescript肯定是比直接使用JavaScript要多一些成本的。
- 学习成本。这一点没什么好说的了,不会Typescript的同学,团队要上ts,肯定要大家花时间去学习的。
-
迁移成本。原有的js写的项目,要迁移到ts,肯定有成本对吧。比如你要从webpack的配置就得开始改起来,启动服务和打包的过程中多一层ts编译,eslint中添加对Typescript的校验规则等等。这些还只是从工程化的过程中就要改动的,js代码也得改对吧。所以从原js代码中迁移到ts,其实是工作量不算小的,尤
其是你要做到类型声明完备的话。所以最好在新项目启动的时候,就考虑考虑是否要使用Typescript,要的话就在立项目的时候就上ts了。
- 框架社区生态。你所使用的前端框架,也决定了你使用ts方不方便,angular是必须要用ts写的,当然兼容性是最好的;react自己实现了tsx,兼容ts也挺不错的;但是vue(2.0版本)其实对ts的兼容并不算好,好在3.0版本开始全面兼容ts了。其次,比如你项目使用的ts,然后另外引入了一个第三方模块,这个模块对ts没有支持,那么这个时候还需要额外的工作去兼容这个模块,起码你得写一个这个模块的类型声明文件对吧。
-
编码习惯。Typescript给我们提供了很多强大的功能,但是实际编写代码的过程中,不同水平的开发人员可能写出来的代码大相径庭。比如能用可选链的情况不用,该抽泛型的函数不抽等等。
- 但我觉得最重要的一点就是:any。any就是表示任何类型,一个变量可以是任何类型,那么就无法对他进行类型检测。所以我认为项目中应该尽力避免使用any,可以在校验规则中把any的判断加上,强制不允许使用any类型
写在最后
- 最后这点感受虽然是引用别人的话,但是和我的想法几乎完全一致,所以就直接复制过来了:
说了这么多,如果你问我是否推荐 TypeScript,我只能说看情况。type check 对于大型项目来说太重要了。读和写代码的时候,有 type 也会在一些方面提高程序员的效率。但是我认为 TypeScript 可以提高的空间还有很多。如果你很在乎开发速度,快速迭代,那么建议你继续用 JavaScript。如果你需要高稳定性,那么建议你使用 TypeScript。