TypeScript

typescript是javascript的超集，是在javascript的基础上转为强类型（js是弱类型语言），下面介绍一下它的特点。

跨平台：typescript编译器可以安装在任何操作系统

ES6特性：typescript包含大部分es6中的特性，如箭头函数

面向对象的语言：类，接口，模块都有

静态类型检查：编写代码时就可以发现编译时的错误而不需要运行脚本发现

可选的静态类型：js是动态类型，而typescript还允许可选的静态类型

1.安装

在终端控制台输入命令：cnpm install -g typescript 进行全局安装

2.编写ts文件代码（后缀名为ts）

这里新建一个hello.ts文件为例：

function foo(a:number,b:number){
  return a+b;
}

let result = foo(1,2);
console.log(result);

3.编译运行

首先将ts文件编译为js文件，输入命令：tsc hello.ts

然后运行js文件，输入命令：node hello.js

4.基础类型

typescript支持的数据类型几乎与js相同，此外还多了实用枚举类型，enum类型是对js标准数据类型的一个补充

enum Season {spring, summer, autumn,winter}

字符串枚举：

enum Direction {    Up = "UP",    Down = "DOWN",    Left = "LEFT",    Right = "RIGHT", }

元祖：元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。例如定义一对值分别为 string和number类型的元组。

let x:[string,number]
x = ['hello',1]
console.log(x);     //['hello',1]
console.log(x[0]);  //hello
console.log(x[1]);  //1

Any:任意数据类型，有时编程还不知道为变量指定什么类型，变量的值可能来自用户输入或者第三方库代码，这时可以用any来标记这些变量

let a:any = 3;
a = true;
console.log(a);

void:某种程度上来说，void类型像是与any类型相反，它表示没有任何类型。 当一个函数没有返回值时，你通常会见到其返回值类型是void

object:object表示非原始类型，也就是除number，string，boolean，symbol，null或undefined之外的类型。

let o : object;
o = {name:'terry'}
console.log(o);

5.面向对象

接口：是一种特殊的类，或者说特殊的对象，使用类去实现接口，接口是标准，类就必须按照这个标准去实现，接口中的属性和方法类也必须具备

// 类接口
interface StudentInterFace{
	name:string;
	say(msg:string):void  //未实现方法
}
class Student implements StudentInterFace{
	name:string;
	constructor(name){
		this.name=name
	}
	say(msg: string): void {
		console.log(this.name+'说'+msg);
	}
	foo(){

	}
}
let student:StudentInterFace=new Student('terry');//父类得引用指向子类实例
student.say('hello');

// 对象接口  创建出来的对象可以使用接口去实现
enum Gender{
	male='男',
	female='女'
}
class Student{
	name:string;
	age:number;
	gender:Gender;
	weight?:number
}
interface PropInterFace{
	data:Array<Student>,
	visible:boolean
}
let prop:PropInterFace={
	data:[{
		name:'zhangsan',age:12,gender:Gender.male
	}],
	visible:false
};
console.log(prop);