TypeScript - type

在 TypeScript 中,type 关键字用于定义类型别名,即为一个类型创建新的名字。这种类型别名可以用于基本类型、联合类型、交叉类型、对象类型、函数类型等多种类型结构。

一.基本语法

bash 复制代码
type NewTypeName = ExistingType;

二.常见使用场景

  • 1.基本类型别名 给已有类型起一个新的名字,方便后续使用。
bash 复制代码
type ID = number;
let userId: ID = 123;
  • 2.联合类型 可以将多个类型组合在一起。
bash 复制代码
type Status = 'success' | 'error' | 'loading';

let requestStatus: Status;
requestStatus = 'success';  // 合法
requestStatus = 'failed';   // 错误,不在 'success' | 'error' | 'loading' 之中
  • 3.对象类型 定义一个对象的结构。
bash 复制代码
type User = {
  id: number;
  name: string;
  age?: number;  // 可选属性
};

const user: User = {
  id: 1,
  name: 'Alice',
};
  • 4.函数类型 定义一个函数的签名。
bash 复制代码
type Add = (a: number, b: number) => number;

const add: Add = (x, y) => x + y;
  • 5.交叉类型 可以将多个类型合并在一起,使得变量同时满足多个类型。
bash 复制代码
type Person = {
  name: string;
  age: number;
};

type Employee = {
  employeeId: number;
  department: string;
};

type Staff = Person & Employee;

const staffMember: Staff = {
  name: 'Bob',
  age: 30,
  employeeId: 12345,
  department: 'IT'
};
  • 6.复杂类型组合 可以通过 type 定义更复杂的类型结构,包括数组、元组等。
bash 复制代码
type Point = [number, number];  // 元组
let p1: Point = [0, 0];

type StringArray = string[];  // 字符串数组
let names: StringArray = ['Alice', 'Bob'];

三.使用 type 的好处

  • 可读性和复用性:通过类型别名,你可以给复杂的类型起一个简单的名字,使代码更容易理解和复用。
  • 类型安全:你可以确保值符合特定的类型,防止意外的类型错误。
  • 灵活性:type 可以定义联合类型、交叉类型等复杂类型,为开发者提供极大的灵活性。
相关推荐
RoyLin20 分钟前
TypeScript设计模式:抽象工厂模式
前端·后端·typescript
用户31187945592182 小时前
Kylin Linux 10 安装 glib2-devel-2.62.5-7.ky10.x86_64.rpm 方法(附安装包)
linux
涛啊涛3 小时前
Centos7非LVM根分区容量不足后扩容,对调硬盘挂载/
linux·磁盘管理
CYRUS_STUDIO1 天前
用 Frida 控制 Android 线程:kill 命令、挂起与恢复全解析
android·linux·逆向
熊猫李1 天前
rootfs-根文件系统详解
linux
烛阴1 天前
【TS 设计模式完全指南】懒加载、缓存与权限控制:代理模式在 TypeScript 中的三大妙用
javascript·设计模式·typescript
dessler1 天前
Hadoop HDFS-高可用集群部署
linux·运维·hdfs
泽泽爱旅行1 天前
awk 语法解析-前端学习
linux·前端
奔跑的蜗牛ing2 天前
Vue3 + Element Plus 输入框省略号插件:零侵入式全局解决方案
vue.js·typescript·前端工程化
轻松Ai享生活2 天前
5 节课深入学习Linux Cgroups
linux