一、TypeScript = Type + JavaScript

    在JS基础上，为JS增加了类型支持。TS属于静态类型的编程语言，在编译期间做类型检查，可以在代码编写期间发现问题，减少调试时间。

TS相比JS的优势：

1、更早的发现错误，减少调试时间；

2、代码提示；

3、提升可维护性；

4、ECMAScript；

5、TS有类型推断机制；

TS已成为大中型前端项目的首要编程语言。

二、安装编译TS的工具包

Node.js/浏览器只支持JS代码，不支持TS代码，因此需要先将TS代码转化为JS代码，然后才能运行。

npm i -g typescript

typescript 包提供tsc命令，实现TS到JS的转化。

三、执行TS文件

单步执行：

tsc hello.ts // compile ts file
node hello.ts // execute ts file

一步执行，需安装ts-node：

npm i -g ts-node
ts-node hello.ts

四、常用类型

4.1 基础

1、JS已有类型：

原始类型：number/string/boolean/null/undefined/symbol;

对象类型：object（包括数组、对象、函数等）；

2、TS新增类型：

联合类型、自定义类型（类型别名）、接口、元祖、字面量类型、枚举、void、any等

4.2 数组类型

let nums:number[] = [1,3,5];
let strs:Array[] = ['a','b','c'];

数组中既有number，又有string，用联合类型，用 | ：

let arr:(number|string)[] = [1,'a']

4.3 类型别名

为任意类型重命名，简化类型书写多次的问题

type CustomArr = (number | string)[]
let test: CustomArr = [123,"aaa"]
console.log(test)

4.4 函数类型

          函数名    参数列表，冒号         返回值，冒号
function addNum(num1:number, num2:number):number {
    return num1 + num2;
}

另外，也可以使用函数表达式的方式声明函数：

     函数名      参数列表，冒号       返回值，冒号  箭头标识{ 函数体 }
const add = (num1:number, num2:number):number => {
    return num1+num2  
}

无返回值：

function greet(name:string):void {
    console.log('hello'+name)
}

可选参数：

function mySlice(start?:number, end?:number):void {
    console.log('start index ', start, 'end index ', end);
}
mySlice()