###TypeScript系列 —— TypeScript简单介绍 ### TypeScript语言简单说明 **简单说明** `TypeScript `是微软2012年推出的一种编程语言，属于 JavaScript 的超集，可以编译为 JavaScript 执行。 它的最大特点就是支持强类型和 ES6 Class，是托管于 GitHub上面的开源项目。 使用TypeScript实现的代码，可以通过编译来转换为纯正的 JavaScript代码，且编译出来的 JavaScript代码能够运行在任何浏览器上。 TypeScript 的编译工具也可以运行在任何服务器和任何系统上。 **设计目标** TypeScript从一开始就提出了自己的设计目标，而这些设计目标也构成了TypeScript继续往前发展的原动力，具体如下： - 兼容现存的JavaScript代码，即任何合法的JavaScript程序都是合法的typeScript程序。 - 为大型项目提供构建机制（通过Class 、接口和模块等支撑） - 对于发行版本的代码，不存在运行开销。（TypeScript的使用过程可以简单划分为程序设计阶段和执行阶段） - `遵循当前以及未来出现的ECMAScript规范`。 - 成为跨平台的开发工具，TypeScript使用Apache作为开源协议，且能够在所有主流的操作系统上安装和执行。 **TypeScript的优势** >① 增加了代码的可读性和可维护性 >② 非常包容，兼容所有现行的JavaScript代码 >③ 拥有活跃的社区支持和生态 >④拥抱 ES6 规范，也支持ES7 草案的规范 **TypeScript的劣势** >① 学习需要成本，需要理解接口、Class、泛型等知识 >② 短期投入到工作可能增加开发成本 >③ 集成到自动构建流程中需要额外的工作量 ### 开发环境和工具支持 **命令行工具** 安装命令：`$ npm install -g typescript` -g表示全局安装，上面的命令执行后会在全局环境下安装 tsc 命令。 查看版本信息命令：`$ tsc --version` 可以通过`$ tsc --help`来查看tsc使用帮助，通过`$ tsc --version`来命令查看tsc版本验证是否安装成功，当前最新的版本为`Version 2.9.1`，安装成功后我们就可以在任何地方来执行 tsc 命令了。 typeScript文件的后缀为ts,我们可以通过在命令行中输入`$ tsc xxx.ts`命令来把文件编译为JavaScript文件，上述命令中xxx为对应文件的名称，编译完成后将得到xxx.js文件。 **编辑器使用** `主流的编辑器都支持 TypeScript`。下面列出推荐使用的一些编辑器（点击获取编辑器或IDE对TypeScript的支持） >[Visual Studio Code](https://code.visualstudio.com/) 内置了TypeScript支持，且本身也由TypeScript实现。 >[WebStorm](https://www.jetbrains.com/webstorm/) 强大的前端开发编辑器 >[Atom](https://atom.io/) 21世纪黑客文本编辑器（拥有众多强大插件） ### TypeScript组件 TypeScript语言内部被划分为三层，每层又被一次划分为子层或者是组件。  TypeScript语言内部的每一层都有自己不同的用途。 > 语言层：实现所有TypeScript的语言特性。 > 编译层：执行编译和类型检查操作，并把代码转换为JavaScript。 > 语言服务层：生成信息以帮助编辑器或其它开发工具提供更好的辅助特性。 VS是Microsoft's Visual Studio的缩写，意所有微软产品的官方一体化开发工具。