0Pricing
TypeScript Academy · 课时

泛型函数与约束（extends、默认参数）

创建泛型函数，使用 extends 添加约束，并使用默认类型参数构建易用的 API。

泛型函数与约束（extends、默认参数） 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 1 节课，共 3 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 3 节课。

简介

目标：使用泛型让函数可复用且类型安全。您将定义类型参数，添加扩展约束，并设置默认类型参数，以获得更好的 DX。

恒等泛型

请定义一个类型参数 <T>。编译器会根据参数推断类型，因此调用方很少需要显式标注它。

function identity<T>(x: T): T {
  return x;
}

const a = identity(42);    // T inferred as number
const b = identity("ts"); // T inferred as string
console.log(a, b);

使用扩展约束

请使用扩展约束来要求某种结构（例如包含 id）。借助结构化类型系统，该类型还可以包含更多字段。

function getId<T extends { id: number }>(item: T): number {
  return item.id;
}

getId({ id: 1, name: "Ada" }); // OK (has id)
// getId({ name: "Lin" });    // Error: missing id

键名约束

请使用 keyof T 约束 K，只允许使用来自 T 的属性名。返回类型就是该属性的类型 T[K]。

function pluck<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

const user = { id: 7, name: "Neo" };
const v1 = pluck(user, "name"); // string
const v2 = pluck(user, "id");   // number
console.log(v1, v2);

默认类型参数

默认类型参数可以减少样板代码。对于常见情况，调用方可以省略 <T>，但在需要时仍然可以覆盖默认值。

interface Box<T = string> {
  value: T;
}

const aBox: Box = { value: "hi" };       // T defaults to string
const nBox: Box<number> = { value: 123 }; // explicit override
console.log(aBox.value, nBox.value);

提示

提示：

  • 请让类型推断完成工作，避免重复标注类型参数。
  • 只有在实现需要类型参数的成员时，才添加扩展约束。
  • 请为常见场景提供默认值，以提升使用便利性。

约束检查

快速检查：T extends { id: number } 能够确保什么？

回顾

回顾：请定义泛型函数，使用扩展约束进行限制，并设置默认类型参数，让接口既灵活又易用。

常见问题解答

「泛型函数与约束（extends、默认参数）」课时是免费的吗？

是的 — 「泛型函数与约束（extends、默认参数）」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 3 节课。

「泛型函数与约束（extends、默认参数）」这节课中我会学到什么？

创建泛型函数，使用 extends 添加约束，并使用默认类型参数构建易用的 API。 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗？

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

「泛型函数与约束（extends、默认参数）」课时需要多长时间？

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

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

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

此课程中的所有课时

  1. 泛型函数与约束（extends、默认参数）
  2. Partial、Readonly、Record、Pick、Omit
  3. keyof 与索引访问类型（入门）
← 返回 TypeScript Academy