01 TypeScript背景与安装

学习来源：

TypeScript 安装 | 菜鸟教程

什么是typescript？

TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript与JavaScript相比进步的地方 包括：加入注释，让编译器理解所支持的对象和函数，编译器会移除注释，不会增加开销；增加一个完整的类结构，使之更新是传统的面向对象语言。

为什么会有TypeScript？

• JavaScript 只是一个脚本语言，并非设计用于开发大型 Web 应用，JavaScript 没有提供类和模块的概念，而 TypeScript 扩展了 JavaScript 实现了这些特性。TypeScript 主要特点包括： TypeScript 是微软推出的开源语言，使用 Apache 授权协议 TypeScript 是 JavaScript 的超集. TypeScript 增加了可选类型、类和模块 TypeScript 可编译成可读的、标准的 JavaScript TypeScript 支持开发大规模 JavaScript 应用 TypeScript 设计用于开发大型应用，并保证编译后的 JavaScript 代码兼容性 TypeScript 扩展了 JavaScript 的语法，因此已有的 JavaScript 代码可直接与 TypeScript 一起运行无需更改 TypeScript 文件扩展名是 ts，而 TypeScript 编译器会编译成 js 文件 TypeScript 语法与 JScript .NET 相同 TypeScript 易学易于理解

TypeScript优势

解决痛点

TypeScript的设计解决了JavaScript的“痛点”：弱类型和没有命名空间；这导致程序很难模块化，不适合开发大型程序。

语法提示

编写程序时，编辑器将提供精准的语法提示，以帮助大家更方便地实践面向对象的编程。

容易上手

TypeScript的一个设计亮点，是它并没有抛弃JavaScript的语法另起炉灶，而是做成了JavaScript的超集，任何合法的JavaScript的语句在TypeScript下都是合法的，且沿用了JavaScript的使用习惯和惯例，可以说学习成本很低。

TypeScript 安装

NPM 安装 TypeScript

如果你的本地环境已经安装了 npm 工具，可以使用以下命令来安装。

使用国内镜像：

npm config set registry https://registry.npmmirror.com

安装 typescript：

npm install -g typescript

安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码，以下是查看版本号：

$ tsc -v Version 3.2.2

然后我们新建一个 app.ts 的文件，代码如下：

var message:string = "Hello World" console.log(message)

通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。

然后执行以下命令将 TypeScript 转换为 JavaScript 代码：

tsc app.ts

这时候在当前目录下（与 app.ts 同一目录）就会生成一个 app.js 文件，代码如下：

var message = "Hello World"; console.log(message);

使用 node 命令来执行 app.js 文件：

$ node app.js Hello World

TypeScript 转换为 JavaScript 过程如下图：