类型别名和接口
比较并使用类型别名和接口
类型别名和接口 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 2 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。
类型别名与接口对比
类型别名和接口
欢迎来到下一课！本课将介绍 TypeScript 中的类型别名和接口，包括它们的区别、相似之处以及各自的适用场景。让我们开始吧！
什么是类型别名
什么是类型别名？
类型别名允许您为类型定义一个自定义名称。它可以表示基本类型、对象，甚至函数签名。
示例：
任务：为表示一本书的对象创建一个类型别名，并使用它定义一个变量。
type Point = {
x: number;
y: number;
};
let point: Point = { x: 10, y: 20 };
console.log(point);
// Output: { x: 10, y: 20 }
什么是接口
什么是接口？
接口定义对象的结构，包括对象的属性和方法。接口通常用于确保对象的一致性和类型安全。
示例：
任务：为用户个人资料创建一个接口，并使用它定义一个变量。
interface Point {
x: number;
y: number;
}
let point: Point = { x: 5, y: 15 };
console.log(point);
// Output: { x: 5, y: 15 }
类型别名与接口对比：相似之处
类型别名与接口对比：相似之处
类型别名和接口具有一些共同特性：
- 两者都可以描述对象的形状。
- 两者都可以用于定义函数类型。
- 两者都支持扩展其他类型。
示例：一个函数类型：
任务：分别为一个函数定义类型别名和接口，并使用它们。
type Add = (a: number, b: number) => number;
interface Subtract {
(a: number, b: number): number;
}
let add: Add = (x, y) => x + y;
let subtract: Subtract = (x, y) => x - y;
console.log(add(5, 3));
// Output: 8
console.log(subtract(5, 3));
// Output: 2
类型别名与接口对比：区别
类型别名与接口对比：区别
以下是主要区别：
- 接口：可以合并（声明合并）。
- 类型别名：无法合并。
- 类型别名：可以定义联合类型和交叉类型。
- 接口：主要用于定义对象的形状。
示例：使用类型别名定义联合类型：
任务：使用类型别名定义联合类型，并为一个变量赋予不同的值。
type StringOrNumber = string | number;
let value: StringOrNumber = "Hello";
value = 42;
// value = true;
// Error: Type 'true' is not assignable to type 'StringOrNumber'.
扩展类型和接口
扩展类型和接口
类型别名和接口都可以扩展其他类型：
- 接口：使用
extends关键字。 - 类型别名：使用交叉类型（
&）。
示例：
任务：扩展一个类型别名和一个接口，以创建新类型。
interface Animal {
name: string;
}
interface Dog extends Animal {
breed: string;
}
type Bird = Animal & { canFly: boolean };
let myDog: Dog = { name: "Buddy", breed: "Golden Retriever" };
let myBird: Bird = { name: "Parrot", canFly: true };
console.log(myDog, myBird);
声明合并
声明合并
接口支持声明合并，也就是将多个同名的接口声明合并为一个接口。类型别名不支持此功能。
示例：
任务：创建两个同名的接口声明，并测试声明合并。
interface Person {
name: string;
}
interface Person {
age: number;
}
let person: Person = { name: "Alice", age: 30 };
console.log(person);
// Output: { name: "Alice", age: 30 }
何时使用哪一种
何时使用哪一种
以下是一些指导原则：
- 使用接口定义对象的形状，以及在需要声明合并时使用接口。
- 使用类型别名定义联合类型、交叉类型或函数类型。
提示：请选择最适合您的使用场景的方式，以保持清晰和一致！
太棒了！
太棒了！
恭喜您！您已经了解了 TypeScript 中类型别名和接口的相似之处与区别，以及各自的适用场景。在下一课中，我们将探索高级 TypeScript 功能，例如条件类型。让我们继续编写代码吧！
常见问题解答
「类型别名和接口」课时是免费的吗？
是的 — 「类型别名和接口」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。
「类型别名和接口」这节课中我会学到什么？
比较并使用类型别名和接口 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 TypeScript Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 2 节课，共 4 节。
「类型别名和接口」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 TypeScript Academy 课中编写并运行代码吗？
能。每节 TypeScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。