携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情
😊 大家好，我是思淼MJ。
什么是TypeScript?
- 我的理解：TypeScript是JavaScript的超集，主要提供了类型系统和对ES6的支持。
- 官方：TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。
为什么要选用TypeScript?
TypeScript官方 列举了一些优势 ，我自己也总结了一些：
增加了代码的可读性以及可维护性：
- 类型系统其实就是最好的文档，在使用的时候，看看类型的定义就可以知道该如何使用了；
- 在编译阶段，如果书写错误，它会有相应的提示，避免了后面运行时出错的问题；
- 增加了编辑器和IDE的功能，比如代码补全，接口提示等；
强大的包容性：
ts是js的超集，所以.js文件可以直接命名为.ts；- 在不定义类型的情况下，也能自动的推断出所属类型；
- 即便是
ts编译出错，也可以生成js文件； - 兼容第三方库，即便不是用ts封装的第三方库，也可以通过编写单独的类型文件供
ts读取
拥有活跃的社区：
- 大部分第三方库都有提供给 TypeScript 的类型定义文件；
- Angular、Vue、VS Code、Ant Design 等，都是使用 TypeScript 编写的；
TypeScript缺点：
任何事物都有两面性，强大的 ts 也不例外
- 增加了学习成本：比如接口、泛型、断言、枚举、类等，都需要去理解，对于这些类型一般很少接触到，所以增加了一定的学习成本；
- 增加了开发成本：项目中刚开始使用时，需要去定义类型，短期内是增加了开发成本，但是长远来看，减少了后期维护的成本；
- 构建流程需要一些工作量：比如在vue2中结合
ts使用的时候，需要遵循一些语法要求的同时，还需要配置一些文件；
安装TypeScript：
-
命令行工具安装方法：
npm install -g typescript
上面的命令是在全局环境下安装 tsc，所以安装成功后我们可以在任何地方执行 tsc命令
-
编译 TypeScript 文件命令：
tsc index.ts
通常我们使用 TypeScript 编写的文件以 .ts 为后缀，用 TypeScript 编写 React 时，以 .tsx 为后缀。
