0Pricing
TypeScript Academy · 课时

复杂类型的类型别名

使用 type 关键字创建可复用的类型名称

复杂类型的类型别名 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 2 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。

欢迎

类型别名可以为任意类型表达式命名,包括原始类型、联合类型、交叉类型、元组或对象。它们可以让复杂类型变得可复用且易于阅读。

type 关键字

使用 `type Name = TypeExpression` 创建类型别名。在原始类型可以使用的任何位置,都可以使用它。
type UserId = number;
type UserName = string;
type Point = { x: number; y: number };

为联合类型创建别名

为复杂的联合类型命名,可以让函数签名更易于阅读。
type StringOrNumber = string | number;
function format(val: StringOrNumber): string {
  return String(val);
}

为对象类型创建别名

对象类型别名与接口的工作方式相同,都用于描述对象结构。
type Product = {
  id: number;
  name: string;
  price: number;
};
const p: Product = { id: 1, name: 'Widget', price: 9.99 };

为元组类型创建别名

为常见的元组模式命名,这样就不必在各处重复其结构。
type Coordinate = [number, number];
type RGB = [number, number, number];
const pos: Coordinate = [10, 20];

为函数类型创建别名

为函数类型签名命名,可以使参数列表保持简洁。
type Comparator<T> = (a: T, b: T) => number;
const numSort: Comparator<number> = (a, b) => a - b;

类型别名可以使用泛型

与接口一样,类型别名也支持泛型类型参数。
type Maybe<T> = T | null | undefined;
type Pair<A, B> = { first: A; second: B };

自引用类型别名

类型别名可以引用自身,用于表示树和链表等递归数据结构。
type TreeNode = {
  value: number;
  left?: TreeNode;
  right?: TreeNode;
};

类型别名不能重新打开

与接口不同,类型别名在定义后无法通过额外声明进行扩展。它们是固定的。
// Interface can be merged (declaration merging):
interface A { x: number; }
interface A { y: number; } // OK — A now has x and y

// Type alias cannot:
type B = { x: number };
// type B = { y: number }; // Error: duplicate identifier

使用类型别名的可辨识联合类型

类型别名非常适合表示可辨识联合类型——这种模式将联合类型与一个共享的字面量属性结合起来。
type Success = { kind: 'success'; data: string };
type Failure = { kind: 'failure'; error: Error };
type Result = Success | Failure;

何时优先使用类型而不是接口

对于联合类型、元组、函数签名,以及需要创建复杂计算类型的场景,请使用 `type`。对于可能需要扩展或实现的对象结构,请使用 `interface`。

快速检查

`interface` 支持而类型别名不支持的功能是什么?

回顾

类型别名可以为包括联合类型、元组、对象和函数在内的任意类型表达式命名。它们支持泛型和递归。与接口不同,它们在定义后无法重新打开。

常见问题解答

「复杂类型的类型别名」课时是免费的吗?

是的 — 「复杂类型的类型别名」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 TypeScript Academy 课程的其余内容,请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。

「复杂类型的类型别名」这节课中我会学到什么?

使用 type 关键字创建可复用的类型名称 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗?

无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 2 节课,共 4 节。

「复杂类型的类型别名」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 TypeScript Academy 课中编写并运行代码吗?

能。每节 TypeScript Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 使用接口定义对象结构
  2. 复杂类型的类型别名
  3. 接口扩展与合并
  4. 接口与类型:何时使用哪一种
← 返回 TypeScript Academy