你还不会Typescript吗？（一）导学

导学

常见问题

• TypeScript必须要学吗？——是的，目前已经成为了前端人的必备捅；
• TypeScript 是不是就不需要学 JavaScript 了？——不是，TS与JS应该是同生的，目前TS满足所有ECMAScript标准，支持ES6+语法，同时进行了拓展。TS中是直接支持ES6+语法，不用babel就可以编译成标准JS代码；
• Vue 用 TypeScript 改写发布 3.0 后是不是不用 TypeScript 不行？——不是，同样支持JS，也同样支持大部分90%（具尤雨溪自己说的）Options API用法。
• 学习TypeScript有什么优点？开发效率高、代码质量高、包容性高。

概念

什么是TypeScript

TypeScript (opens new window)：是 JavaScript 的超集，拥有类型机制，不能在浏览器直接执行，而是编译成 JavaScript 后才会运行。

• 超集（superset）：比如 ES6 包含了 ES5 所有的内容，还有一些独特的语法特性，就可以理解为 ES6 是 ES5 的超集
• 类型：指的是静态的类型，js 中一个存放字符串的变量，后续依旧可以将数字、对象、数组等类型赋值到该变量，这是动态类型。而 ts 则是静态类型，后续不可更改类型
  下面列举 TypeScript 相比于 JavaScript 的显著优势：

1. 静态输入
   静态类型化是一种功能，可以在开发人员编写脚本时检测错误。查找并修复错误是当今开发团队的迫切需求。有了这项功能，就会允许开发人员编写更健壮的代码并对其进行维护，以便使得代码质量更好、更清晰。

2. 大型的开发项目
   有时为了改进开发项目，需要对代码库进行小的增量更改。这些小小的变化可能会产生严重的、意想不到的后果，因此有必要撤销这些变化。使用 TypeScript 工具来进行重构更变的容易、快捷。

3. 更好的协作
   当发开大型项目时，会有许多开发人员，此时乱码和错误也会增加。类型安全是一种在编码期间检测错误的功能，而不是在编译项目时检测错误。这为开发团队创建了一个更高效的编码和调试过程。

4. 更强的生产力
   干净的 ECMAScript 6 代码，自动完成和动态输入等因素有助于提高开发人员的工作效率。这些功能也有助于编译器创建优化的代码。

应用场景

哪些项目适合用 TypeScript 开发，以下几类：

• 需要多人合作开发的项目（人数>10）
• 开源项目，尤其是工具函数或组件库
• 对代码质量有很高要求的项目（与钱打交道）