类型别名：TypeScript 的一个特性

🤍 前端开发工程师、技术日更博主、已过CET6
🍨 阿珊和她的猫_优快云博客专家、23年度博客之星前端领域TOP1
🕠 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》
🍚 蓝桥云课签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

类型别名（Type Aliases）是 TypeScript 中的一个特性，它允许你为一个类型定义一个新名字。类型别名可以简化复杂类型的表示，并提高代码的可读性和可维护性。

定义类型别名

使用 type 关键字可以定义一个类型别名。

type MyString = string;

使用场景

简化复杂类型

类型别名可以用来简化复杂的类型定义，例如函数类型、联合类型、交叉类型等。

// 函数类型
type Greet = (name: string) => void;

let greet: Greet = function(name: string) {
console.log('Hello, ' + name);
};

// 联合类型
type Status = 'success' | 'error' | 'pending';

// 交叉类型
type User = { name: string } & { age: number };

与接口的区别

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

1. 扩展性：接口可以继承其他接口，而类型别名不能。
2. 合并声明：同名的接口会自动合并，而同名的类型别名会导致重复声明错误。
3. 用途：接口更适合定义对象的形状，而类型别名更适合定义复杂类型。

类型别名的优势

• 简洁性：类型别名可以使代码更简洁，特别是在处理复杂类型时。
• 可读性：通过给类型起一个有意义的名字，可以提高代码的可读性。
• 复用性：类型别名可以在多个地方复用，避免重复定义。

示例

函数类型别名

type Greet = (name: string) => void;

let greet: Greet = function(name: string) {
console.log('Hello, ' + name);
};

联合类型别名

type Status = 'success' | 'error' | 'pending';

function handleStatus(status: Status) {
  switch (status) {
    case 'success':
    console.log('Operation succeeded');
    break;
    case 'error':
    console.log('Operation failed');
    break;
    case 'pending':
    console.log('Operation pending');
    break;
  }
}

交叉类型别名

type User = { name: string } & { age: number };

let user: User = {
  name: 'Alice',
  age: 30
};

通过合理使用类型别名，可以使代码更加简洁、可读和可维护。