1、类型推断
不用写类型，Ts会帮助自动填写类型
// 变量 age 的类型被自动推断为：number
let age = 18;
// 函数返回值的类型被自动推断为：number
const add = (num1: number, num2: number) => {
return num1 + num2;
};
2、字面量类型
使用js字面量作为变量类型，称为字面量类型。
字面量类型介绍
// : 'jack' 是字面量类型
let name: 'jack' = 'jack';
// : 18 是字面量类型
let age: 18 = 18;
// 报错：不能将类型“19”分配给类型“18”
age = 19;
字面量类型的应用
type Direction = '东' | '南' | '北' | '西';
function changeDirection(dir: Direction) {
console.log(dir);
}
changeDirection('西')
- 解释：参数
direction的值只能是up/down/left/right中的任意一个 - 优势：相比于
string类型，使用字面量类型更加精确、严谨
3、any类型
作用：逃避TS的类型检查
- 显式any情况：当变量的类型指定为any的时候，不会有任何错误，也不会有代码提示，TS不会忽略这类检查
let obj: any = { age: 18 }
obj.bar = 100
obj()
const n:number = obj
- 隐式any的情况：声明变量不给类型或初始值，函数参数不给类型或初始值
// 声明变量不给类型或初始值
let a;
// 函数参数不给类型或初始值
const fn = (n) => {}
any的使用越多，程序可能出现的漏洞越多，因此不推荐使用any类型，尽量避免使用。
4、类型断言
- 解释:
- 使用
as关键字实现类型断言 - 关键字
as后面的类型是一个更加具体的类型（HTMLAnchorElement 是 HTMLElement 的子类型） - 通过类型断言，aLink 的类型变得更加具体，这样就可以访问 a 标签特有的属性或方法了
- 使用
泛型
- 软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。
- 在TypeScript中，泛型是一种创建可复用代码组件的工具。这种组件不只能被一种类型使用，而是能被多种类型复用。类似于参数的作用，泛型是一种用以增强类型（types）、接口（interfaces）、函数类型等能力的非常可靠的手段。
泛型别名
可以实现类型的复用
// 对后台返回的数据进行类型定义
type User = {
name: string;
age: number;
}
type Goods = {
id: number;
goodsName: string;
}
type Data<T> = {
msg: string;
code: number;
data: T
}
// 使用类型
type UserData = Data<User>
type GoodsData = Data<Goods>
- 泛型：定义类型别名后加上
<类型参数>就是泛型语法， 使用的时候传入具体的类型即可 <T>是一个变量，可以随意命名，建议遵循大驼峰即可。- 和类型别名配合，在类型别名后加上泛型语法，然后类型别名内就可以使用这个类型参数
- 泛型可以提高类型的
复用性和灵活性，利用代码的后期维护
