♥带你走进TypeScript♥

前言：Javasctipt想必大家都不陌生，所谓TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。

一.TypeScript安装

TypeScript使用Npm进行安装：

npm install -g typescript

如果这样感觉下载慢的话，我们可以改成国内镜像来进行安装（这里使用的是淘宝镜像）：

npm config set registry https://registry.npm.taobao.org

安装完成后我们可以使用以下命令来查看是否安装成功：

tsc -v
Version 4.4.3

---

二.TypeScript转换为JAVAscript

1. 新建app.ts文件，Typescript的文件后缀名一般为.ts，JAVAscript的后缀名为.js

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

2. 我们使用tsc app.ts将我们的app.ts转换为app.js文件

tsc app.ts

那么就会在同目录下生成我们的app.js文件

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

运行结果：

3. 其转化的过程如下：

											（图片来源菜鸟教程）

---

三.TypeScript基础语法

1.组成部分：

• 模块
• 函数
• 变量
• 语句和表达式
• 注释

2.tsc常用参数:

序号	编译参数说明
1.	–help 显示帮助信息
2.	----module 载入扩展模块
3.	–target 设置 ECMA 版本
4.	–declaration 额外生成一个 .d.ts 扩展名的文件。tsc ts-hw.ts --declaration 以上命令会生成 ts-hw.d.ts、ts-hw.js 两个文件。
5.	–removeComments 删除文件的注释
6.	–out 编译多个文件并合并到一个输出的文件
7.	–sourcemap 生成一个 sourcemap (.map) 文件。sourcemap 是一个存储源代码与编译代码对应位置映射的信息文件。
8.	–module noImplicitAny 在表达式和声明上有隐含的 any 类型时报错
9.	–watch 在监视模式下运行编译器。会监视输出文件，在它们改变时重新编译。

3.ts保留关键字

break	as	catch	switch
case	if	throw	else
var	number	string	get
module	type	instanceof	typeof
public	private	enum	export
finally	for	while	void
null	super	this	new
in	return	true	false
any	extends	static	let
package	implements	interface	function
new	try	yield	const
continue	do

4.ts注释：

TypeScript 支持两种类型的注释：

• 单行注释 ( // ) − 在 // 后面的文字都是注释内容。
• 多行注释 (/* */) − 这种注释可以跨越多行。

// 这是一个单行注释
/* 
 这是一个多行注释 
 这是一个多行注释 
 这是一个多行注释 
*/

不要让追求之舟停泊在幻想的港湾，而应扬起奋斗的风帆，驶向现实生活的大海。