typescript学习day1（typescript快速入门：搭建环境和类型声明）

1.搭建环境

1. 使用npm全局安装typescript解析器

npm i -g typescript
检测是否安装成功：cmd中输入tsc，出现一堆代码就代表安装成功了
类似于下面的

2. 创建一个ts文件 xxx.ts，在ts文件中写一些代码
3. 使用tsc对ts文件进行编译

1. 进入命令行
2. 进入ts文件所在目录
3. 执行命令：tsc xxx.ts

因为浏览器只能识别js，所以写完的ts文件使用tsc编译后就会产生一个js文件

2.TS类型声明

	let a;
	a = 3;
	a = 10;
	a = 'hello';

在TS中上面的代码是不报错的；这样是十分不好的，所以就有了类型的声明。

	// 声明一个变量a，同时指定它的类型为number
	// a 的类型设置为了number，在以后的使用过程中a的值只能是数字
	let a：number;
	a = 3;
	a = 10;
	a = 'hello'; // 这行代码会报错 error

当然，也不是必须写出类型才能判断，像下面的代码。
如果变量的声明和赋值是同时进行的，TS可以自动对变量进行类型检测，即不需要再写类型了

	//声明完变量直接进行赋值
	let c: boolean = true;
	// 如果变量的声明和赋值是同时进行的，TS可以自动对变量进行类型检测，即不需要再写类型了
	let c = true
	c = 2; // error,因为上面变量的声明和赋值是同时进行的，已经确定c为Boolean值了

函数中使用类型声明

JS中的函数是不考虑参数的类型和个数的，这样就会出现下面的情况，导致无法判断哪里出错

function sum(a,b) {
	return a + b;
}
console.log(sum(a:123,b:"456"))  // "123456"

上面的js代码不会判断参数的类型，出错后特别难找到哪里出错，于是TS就对函数的参数和返回值都进行了类型判断

下面的代码是对参数类型进行判断

function sum(a:number,b:number) {
	return a + b
}
console.log(sum(a:123,b:"456")) //error

下面的代码是对参数和函数返回值都进行了判断

function sum(a:number,b:number):number {
	return a + 'hello'  // error
}
console.log(sum(a:123,b:456)) 

正如上面的代码，想要判断函数返回值的类型，那么就得在括号后面加类型