类型别名 (Type Alias)

类型别名（Type Alias）是 TypeScript 中用于给现有类型创建别名的一种机制。它允许你为复杂的类型定义一个更简单、更具描述性的名称，从而提高代码的可读性和可维护性。类型别名不仅可以用于原始类型（如 number、string），还可以用于对象、联合类型、交叉类型以及自定义类型等。

定义类型别名

你可以使用 type 关键字来定义类型别名。下面是一些基本的例子：

// 为原始类型创建别名
type ID = number;

// 使用别名
let userId: ID = 123;

类型别名与接口的区别

虽然类型别名和接口都可以用来定义对象形状，但它们之间有一些重要的区别：

• 扩展性：接口可以通过继承其他接口或类型来扩展，而类型别名不能直接扩展，尽管可以使用交叉类型 (&) 来组合多个类型。

  // 接口扩展
  interface Person {
    name: string;
  }
  
  interface Employee extends Person {
    employeeId: number;
  }
  
  // 类型别名组合
  type Person = {
    name: string;
  };
  
  type Employee = Person & { employeeId: number };

• 声明合并：当你有多个同名的接口定义时，TypeScript 会自动合并这些接口的属性；然而，类型别名不会被合并，重复定义会导致编译错误。

  // 接口声明合并
  interface User {
    name: string;
  }
  
  interface User {
    age: number;
  }
  
  const user: User = { name: "Alice", age: 30 }; // 合并后的接口
  
  // 类型别名不能合并
  type User = {
    name: string;
  };
  
  // type User = { // 错误：重复定义
  //     age: number;
  // };

复杂类型的别名

类型别名非常适合用来简化复杂类型的表达，比如联合类型、交叉类型、元组等。

联合类型

// 定义一个表示颜色的联合类型
type Color = "red" | "green" | "blue";

function setBackgroundColor(color: Color) {
  console.log(`Setting background color to ${color}`);
}

setBackgroundColor("red"); // 正确
setBackgroundColor("yellow"); // 错误：'yellow' 不在联合类型中

交叉类型

// 定义一个表示用户信息的交叉类型
type Address = {
  street: string;
  city: string;
};

type ContactInfo = {
  phone: string;
  email: string;
};

type FullUserInfo = Address & ContactInfo;

const userInfo: FullUserInfo = {
  street: "123 Main St",
  city: "Wonderland",
  phone: "555-1234",
  email: "alice@example.com",
};

函数类型

// 定义一个函数类型的别名
type GreetingFunction = (name: string) => string;

const greet: GreetingFunction = (name) => `Hello, ${name}!`;

元组类型

// 定义一个固定长度和类型的数组（元组）
type Point = [number, number];

const origin: Point = [0, 0];

泛型类型别名

类型别名也可以包含泛型参数，这使得它们非常灵活，能够适应不同的类型需求。

// 定义一个带有泛型参数的类型别名
type Box<T> = { value: T };

const numberBox: Box<number> = { value: 42 };
const stringBox: Box<string> = { value: "hello" };

类型别名 vs. 接口选择指南

• 选择接口：

  • 当你需要扩展类型或者利用声明合并时，应该优先考虑接口。
  • 如果你正在定义对象的形状，并且希望将来能够轻松地添加新属性或方法，接口可能是一个更好的选择。

• 选择类型别名：

  • 当你需要创建更简洁的类型定义，尤其是对于原始类型、联合类型、交叉类型等情况时，类型别名通常更为合适。
  • 对于那些不需要扩展或合并的复杂类型定义，类型别名提供了更大的灵活性。

总结

类型别名是 TypeScript 提供的一个强大工具，用于简化复杂的类型定义，提高代码的可读性和可维护性。理解类型别名的工作原理及其与接口的区别，可以帮助你在编写代码时做出更好的设计决策。