介绍
TypeScript 由于能够为 JavaScript 带来强类型，使其更加健壮且不易出错，因此在开发人员中获得了极大的欢迎。该语言的强大功能之一是泛型，它提供了一种创建灵活且可重用组件的方法。在本文中，我们将深入研究 TypeScript 类和泛型的实际用法，探索它们的好处以及类型约束如何增强代码灵活性和安全性。
了解泛型
TypeScript 中的泛型允许您编写可以使用不同类型的代码，同时保持类型安全。它们支持创建可重用的函数、类和接口，使您的代码更加通用和适应性更强。泛型的本质在于为使用代码时指定的类型定义占位符。
通用函数
考虑一个交换两个值的简单函数的示例：
function swap<T>(a: T, b: T): [T, T] {
return [b, a];
}
const swappedNumbers = swap(5, 10); // [10, 5]
const swappedStrings = swap("hello", "world"); // ["world", "hello"]
这里，函数swap是用类型参数定义的T，它代表参数的类型和返回值。该函数现在可以与各种类型一起使用，而不会牺牲类型安全性。
通用类
泛型还可以在类中使用来创建可重用的数据结构。让我们考虑一个类的例子Stack：
private items: T[] = [];
push(item: T): void {
this.items.push(item);
}
pop(): T | undefined {
return this.items.pop();
}
}
const numberStack = new Stack<number>();
numberStack.push(5);
numberStack.push(10);
const poppedNumber = numberStack.pop(); // 10
const stringStack = new Stack<string>();
stringStack.push("hello");
stringStack.push("world");
const poppedString = stringStack.pop(); // "world"
在这里，该类Stack使用 type 进行参数化T，允许其用于不同的数据类型，同时保持类型安全。
使用类型约束
虽然泛型提供了灵活性，但有时您可能想要限制可以使用的类型。这就是类型约束发挥作用的地方。它们确保只有特定类型与通用参数一起使用。
应用类型约束
假设您要创建一个函数来查找数字数组中的最大值。您可以使用类型约束来确保仅将数字传递给函数：
if (arr.length === 0) {
return undefined;
}
let max = arr[0];
for (const item of arr) {
if (item > max) {
max = item;
}
}
return max;
}
const numbers = [3, 7, 2, 9, 5];
const maxNumber = findMax(numbers); // 9
此处，T extends number将类型参数限制T为仅数字类型，以确保函数按预期工作。
类型约束的好处
类型约束通过防止意外的类型使用来增强代码安全性。它们还改进了代码文档，因为它们清楚地定义了通用函数或类的预期类型，使其他开发人员更容易理解和使用您的代码。
结论
在本文中，我们探讨了 TypeScript 中泛型和类用法的强大概念。泛型允许我们创建通用且可重用的组件，这些组件适用于不同类型，同时保持类型安全。通过使用类型约束，我们可以进一步增强代码的灵活性和安全性。当你继续你的 TypeScript 之旅时，整合这些概念无疑会带来更强大、适应性更强的代码库。
