Why use TypeScript?

Typescript 从开始至今，其流行趋势是越来越明显的

根据Github 的 Octoverse 报告，2021年，Typescritp的使用率已经飙升至第四位，其增长趋势远超其他语言

几乎所有的流行开源库如 MUI ，Antd ，lodash ,React ，Vue 等，都支持TS类型，可以说是开源库的标配。

而对于前端开发者来说，使用 Typescript 的原因有以下三点

能更早的发现代码中的错误

能够帮助提高生产力

支持JavaScript 语言中的最新特性并且使用与JavaScript 语言相同的语法和语义

能更早的发现代码中的错误

为什么说能更早的发现代码中的错误，这个问题其实很简单，不是 Typescript 太强，而是 JavaScript 实在太弱了

在编程界，有两个坐标来分类语言，动态vs静态 ，强类型vs弱类型 ，动态和静态的差别大家都懂，强类型和弱类型要如何区分呢。

强弱类型的区分标准是，不同类型的变量是否支持隐式转换 ，拿 Python 和 JavaScript 来举例


>>> def func(a):
...     return a + ''
...
>>> func(1)
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "<stdin>", line 2, in func
TypeError: unsupported operand type(s) for +: 'int' and 'str'

当 Python 中尝试将 string 和 number 进行操作时，会报错，认为两个不相同的类型，不支持继续 + 操作


> function func(a){
...     return a + '';
... }
undefined
> func(1)
'1'

而放在 JavaScript 下面，并不会报错，而是会将数字类型做隐式转换，最后返回一个字符串类型

纵使 JavaScript 的隐式转换有着严格的规范，能让我们在面试的时候被问的七荤八素，但依然阻止不了再项目中成为 bug 制造的大帮凶

同时，类型的缺少让我们在开发的时候很难通过一段代码就确定其是否是正确的。因为输入几乎不可能保证来源和类型。在小的项目里面我们可以感受到JavaScript 写起来是如此的快速和自由，这也是JavaScript 常年位居语言榜第一的原因之一，但是当项目逐渐复杂和起来，我们就会发现整个系统已经逐渐脱离了我们的控制。

因此，Typescript 对于类型的引入，帮我们在开发阶段就确定了某段变量，某个函数的输入与输出类型，大大保证了应用的确定性。

至少它在运行类似下面这种代码时时会提醒你，你在做违背祖宗的决定


function vMe50(name: string){
  return `v ${name} 50`;
}

vMe50(['甲', '乙', '丙']);

提高生产力

荀子有云: 君子生非异也，善假于物也

程序员效率要想快，同样得善于借助工具。而基于 Typescript，我们除了拥有类型检查这个工具之外，我们还拥有了以下几个非常提高效率的工具

自动补全

当我们在开发纯JS应用时，我们往往得不到有效的代码提示，不过由于我们现在用的基本都是 VSCode ，而 VSCode 本身就是完全用 Typescript 开发的，所以在哪怕再 JS类型的文件中，他也能够显示出类型来，但是这种类型是根据字面量推导出来的，对于没有类型定义的函数，就只能推断为any了。所以在 VSCode 中，即使我们在写 JS 代码，我们依然在享受 Typscript 给我们带来的便利 🙂