【TS】type 类型别名

基本用法

• type：类型别名用来给一个类型起个新名字，可以多次使用同一个类型并用一个名称。
• 使用场景：当同一类型（复杂）被多刺使用时，可以通过类型别名，简化该类型的使用。

// 改造前：
let arr1: (number | string)[] = [1, 'a', 3, 'b'];
let arr2: (number | string)[] = [2, 'c', 4, 'd'];

// 改造后：
type CustomArray =  (number | string)[];
let arr1: CustomArray  = [1, 'a', 3, 'b'];
let arr2: CustomArray  = [2, 'c', 4, 'd'];

• type类型别名语法：

// 1. 使用 type 关键字来创建类型别名。
// 2. 类型别名（比如此处的Point），可以是任意合法的变量名称。
type Point = {
  x: number;
  y: number;
};

// 3. 创建类型别名后，直接使用类型别名作为变量的类型注释即可。 
function printCoord(pt: Point) {
  console.log("The coordinate's x value is " + pt.x);
  console.log("The coordinate's y value is " + pt.y);
}
 
printCoord({ x: 100, y: 100 });

• 可以使用类型别名为任何类型命名，而不仅仅是对象类型，常用于联合类型。

type test = number; //基本类型
let num: test = 10;
type userOjb = {name:string} // 对象
type getName = ()=>string  // 函数
type data = [number,string] // 元组
type numOrFun = number | getName  // 联合类型