TypeScript入门 | 青训营笔记

这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天

本课堂的重点内容

• TypeScript基本语法
• TypeScript高级类型

本课堂内容思维导图

TypeScript基本语法

• 函数类型

在TypeScript中,可以定义函数参数的类型，以及函数的返回值，如上图，定义函数参数的类型，只需要在参数的后面加上[:类型]就可以了，而定义函数的返回值类型直接在函数声明后再加上[:类型]就可以实现。

• 函数重载

函数重载可以实现传入不同参数，返回不同结果，但是在方法重载中要注意函数的返回值，如上方的例子，将一个匿名类型的函数赋值给一个变量，返回值为date.toLocalString()或者date，但是接受变量的类型是IGgetDate，因此会报错。在使用函数重载的时候应该注意这个问题

• 数组

数组类型有四种声明方式，常用的只要是前两种，数组类型我们都挺熟悉，不介绍了。

• 泛型

泛型：不预先指定具体类型，而在使用的时候再指定，像上面的例子进行泛型的设置。

TypeScript高级类型

• 联合交叉类型

这个类型对于我来说比较新鲜，因为之前都没有遇到过这些类型，通过上面的例子，可以知道，通过联合交叉类型将一些重复的普通类型简化，我觉得我还需要学习。

结尾

本堂课主要讲解了TypeScript的基本语法，要深入学习的话，还得看官方文档进行学习。