TypeScript优缺点

前言

什么是TypeScript

TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，它由 Microsoft 开发，代码开源于 GitHub 上。

TypeScript 是 JavaScript 的类型的超集，它能够编译成纯 JavaScript。编译出来的 JavaScript 能够运行在任何浏览器上。TypeScript 编译工具能够运行在任何服务器和任何系统上。TypeScript 是开源的。

为何选择TypeScript

TypeScript 增长了代码的可读性和可维护性

• 类型系统其实是最好的文档，大部分的函数看看类型的定义就能够知道如何使用了
• 能够在编译阶段就发现大部分错误，这总比在运行时候出错好
• 加强了编辑器和 IDE 的功能，包括代码补全、接口提示、跳转到定义、重构等

TypeScript 很是包容

• TypeScript 是 JavaScript 的超集，.js 文件能够直接重命名为 .ts 便可
• 即便不显式的定义类型，也可以自动作出[类型推论]()
• 能够定义从简单到复杂的几乎一切类型
• 即便 TypeScript 编译报错，也能够生成 JavaScript 文件
• 兼容第三方库，即便第三方库不是用 TypeScript 写的，也能够编写单独的类型文件供 TypeScript 读取

TypeScript 拥有活跃的社区

• 大部分第三方库都有提供给 TypeScript 的类型定义文件
• Google 开发的 Angular2 就是使用 TypeScript 编写的
• TypeScript 拥抱了 ES6 规范，也支持部分 ESNext 草案的规范

TypeScript 的缺点

任何事物都是有两面性的，我认为 TypeScript 的弊端在于：

• 有必定的学习成本，须要理解接口（Interfaces）、泛型（Generics）、类（Classes）、枚举类型（Enums）等前端工程师可能不是很熟悉的概念
• 短时间可能会增长一些开发成本，毕竟要多写一些类型的定义，不过对于一个须要长期维护的项目，TypeScript 可以减小其维护成本
• 集成到构建流程须要一些工做量
• 可能和一些库结合的不是很完美

安装 TypeScript

TypeScript 的命令行工具安装方法以下：

npm install -g typescript

以上命令会在全局环境下安装 tsc 命令，安装完成以后，咱们就能够在任何地方执行 tsc 命令了。

tsc -v 查看版本

用 TypeScript 编写 React 时，以 .tsx 为后缀。

编辑器

TypeScript 最大的优点即是加强了编辑器和 IDE 的功能，包括代码补全、接口提示、跳转到定义、重构等。

主流的编辑器都支持 TypeScript，推荐使用Visual Studio Code。

若是vscode里面安装的TS版本和全局安装的版本不一样会有冲突，代码编写时会一直报错；

Ctrl+shift+p查看VScode TypeScript版本是否相同不相同选择本地安装的TS就能够了