【TypeScript】为什么要学习TypeScript，及安装使用

罗曼-罗兰说过：“这个世界上只有一种真正的英雄主义，那就是认清生活的真相并且仍然热爱它

1.TypeScript出现原因

了解JS的执行原理的同学都知道，JavaScript在编译时不会进行类型检查。在运行阶段时，JavaScript引擎会根据运算符和操作数的类型进行自动类型转换。这也就意味着，JavaScript的语法规则检测是在运行阶段中进行的。

上述带来的后果是，我们在开发过程中无法预知所有的语法错误。而只能在浏览器运行一次看到报错后才知道我们哪里写错了。
当我们项目的业务逻辑到达一定复杂程度，没有预知语法错误的话，可能一个单词的拼错，就会大大增加我们排查问题的困难。

JavaScript同时是一门弱类型语言。在我们声明一个变量后，它可以使用任意类型，可以在任何时候修改为别的类型。这也是JavaScript代码灵活的提现，但同时副作用也很明显，一变量在我们的应用当中无法预知它扮演的角色，维护成本远超详细想象。

在复杂项目中，JavaScript弱类型类型优点，也给我们带来很大的查错成本缺点。这个时候如果有能在编写代码时就能提供检查就好了。这就是TypeScript出现的基础动因，它让JavaScript具备了强类型语言的特征。当然，除了解决这些基础问题，TypeScript还有许多别的特性。

2.什么是TypeScript

官方解释是：TypeScript是JavaScript的类型化超集，它可以编译成存JavaScript。

估计大部分同学在读到上面这句话不太理解。我们可以拿我们平时开发中，通常使用ES6开发，并且编译成ES5代码给浏览器执行。所有ES6和TypeScript扮演的角色类似。之所以说是JavaScript的类型化超集，就是在JavaScript的语法上，增加了更多的语法规则，让JavaScript具备类型检查、枚举类型、接口等能力。所有我们要学习TypeScript，其实就是学习这些新特性，和新特性的应用场景。

3.主动拥抱市场和生态,提升职场竞争力。

现在的前端的主要框架Vue、React、node最新版都支持了TypeScirpt。社区内的前端项目越来越重视。并且越来越多互联网公司的前端岗位把ts作为一个必会技能考察。如果不跟上，可能不久的将来被淘汰！

4.安装TypeScript

有两种主要方式来获取TypeScript工具:

• 通过npm（Node.js包管理器）
• 安装Visual Studio的TypeScript插件

这里推荐第一种：
首先，确保你电脑已安装Node.js，没有安装请移至Node.js官网，安装完成后，在vscode终端中输入：

npm install -g typescript

新建

新建一个文件夹,用VSCode打开。在文件中新建一个index.ts文件。输入一下代码：

编译代码

在终端上，运行TypeScript编辑器：

tsc demo01.ts

输出结果为一个 index.js 文件，它包含了和输入文件中相同的 JavaScript 代码。

在上面对 三个 变量进行了类型声明；经过编译之后，就得到了我们的JavaScript代码；

如果我们不希望某个变量不需要类型检查，我们使用特殊类型 any 。
当一个变量的类型是any时，可以访问它的任意属性（包括不存在的属性），也可以分配任何类型的值。
** demo01.ts**

但是当运行环境下执行代码可能是错误的：

在项目目录下运行 tsc ./demo01.ts后，得到编译后的demo01.js。然后再用运行 node ./demo01.js

这里我们看到果然出错了。
当你不想写类型，只是为了让TypeScript 相信特定的代码没问题，any是很好用的。
但最好不要使用 any 类型， 因为 any 类型没有进行类型检查。将相当于我们在使用JavaScript开发，就失去了TypeScript的意义了！！！

下面我们定义一个函数，来体现TypeScript的类型检查的功能；

这里指定个getName函数，接收一个string类型的参数，当参数类型不匹配时将抛出错误。这里就体现了TypeScript编写时对代码进行检查的好处：

注意：如果参数没有类型注释，TypeScript仍会对您传递参数数量进行检查！

上面几个简单的例子，充分提现了 TypeScript的主要作用就是通过各种方式约束我们的代码。也可以说明：TypeScript是一套约束规则。我们学习只要掌握这套约束规则。就能带来一个好处是，我们更容易读懂别人的TS代码。更加能再多人合作的项目中。

除此之外，因为这些规则的存在，编辑工具【例如VSCode】就可以容易做到只能提示，这也是我们要在实践中使用ts的另一个重要原因跟。

5.结语

至此，TypeScript的开篇文章的内容结束了。文章有不对或不完整的地方，望多指点；
如果对你学习TypeScript有所帮助，还请点赞、评论、收藏、关注、分享；
我的TypeScript系列文章会持续更新，动动你们可爱的小手关注订阅，一起进步期待你的三连支持！

参考资料：
TypeScript官网
TypeScript 为什么必须学?