TypeScript简介

TypeScript是什么

TypeScript 是一种由微软开发的自由开源的编程语言，他是JavaScript的一个超集，扩展了JavaScript的
语法，主要提供了类型系统和对 ES6 的支持。
TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在
任何浏览器上。

JavaScript 与 TypeScript 的区别

TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与
TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。
TypeScript 的优势
强大的IDE支持：体现在三个特性上，1.类型检查，在TS中允许你为变量指定类型。2.语法提示。3.重
构。
Angular2、vue3的开发语言

TypeScript 的缺点

有一定的学习成本，需要理解接口（Interfaces）、泛型（Generics）、类（Classes）、枚举类型
（Enums）等前端开发可能不是很熟悉的知识点

编辑器

TypeScript 最大的优势之一便是增强了编辑器和 IDE 的功能，包括代码补全、接口提示、跳转到定义、
重构等。
主流的编辑器都支持 TypeScript，推荐使用 Visual Studio Code。
获取其他编辑器或 IDE 对 TypeScript 的支持：
Sublime Text
Atom
WebStorm
Vim
Emacs
Eclipse
Visual Studio 2015
Visual Studio 2013

TypeScript安装

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

npm install -g typescript
1

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

查看版本

tsc -v
1

使用 TypeScript 编写的文件以 .ts 为后缀

编译一个 TypeScript 文件

编译一个 TypeScript 文件很简单，

tsc hello.ts
1

TypeScript 用法

使用 : 指定变量的类型，: 的前后有没有空格都可以

let num:number = 15; 
num(变量名）:number(类型） = 15（具体值）
// 表示定义一个变量num，指定类型为number
let str:string = 'abc';
// 表示定义一个变量str，指定类型为string
1
2
3
4
5

为什么要用到TS

// 定义一个函数计算二个数据的合计 
function sum(x,y){
	if(typeof x != 'number') { 
	// 对于形参的类型要添加转换 
	x = parseInt(x);
	}
	return x+y
};
sum('1',2); 

// TS的方式，直接约束了类型
function sum2(x:number,y:number){
	return x+y
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14