TypeScript ------简介与安装

一、TypeScript 简介

• TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准
• TypeScript 由微软开发的自由和开源的编程语言。
• TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript以确保兼容性，编译出来的 JavaScript 可以运行在任何浏览器上。
• TypeScript扩展了JavaScript的句法，所以任何现有的JavaScript程序可以不佳改变的在TypeScript下工作。
• TypeScript支持为已存在的JavaScript哭添加类型信息的头文件，扩展了它对于流行的库如jQuery，MongoDB，Node.js和D3.js的支持。

1.语言特性

TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括：

• 类型批注和编译时类型检查
• 类型判断
• 类型擦除
• 接口
• 枚举
• Mixin
• 泛型编程
• 名字空间
• 元组
• Await

以下功能是从 ECMA 2015 反向移植而来：

• 类
• 模块
• lambda 函数的箭头语法
• 可选参数以及默认参数

2.JavaScript 与TypeScript 的区别

• TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript通过类型注解提供编译是的静态类型检查。
• TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。
  

参考：https://www.runoob.com/typescript/ts-tutorial.html

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 过程如下图：

很多 IDE 都有支持 TypeScript 插件，如：Visual Studio，Sublime Text 2，WebStorm / PHPStorm，Eclipse 等。