泛型是 TypeScript 的一个强大特性，它可以让我们编写更加灵活可扩展的代码。本文将介绍什么是泛型以及如何在 TypeScript 中使用泛型。
什么是泛型？
泛型是一种将类型作为参数进行传递的编程模式。使用泛型，我们可以编写更加通用的代码，可以针对不同的数据类型进行工作，从而避免代码的冗余和重复。
在 TypeScript 中，我们可以使用尖括号（<>）来声明一个泛型。例如，以下代码声明了一个简单的泛型：
function identity<T>(arg: T): T {
return arg;
}在上面的代码中，<T> 表示该函数是一个泛型函数，T 是一个类型参数。这意味着我们可以使用该函数处理任何类型的数据，而不是针对单个数据类型进行编写。
当我们调用这个泛型函数时，需要传递一个类型参数。例如：
let output1 = identity<string>("hello world");
let output2 = identity<number>(666);在上面的代码中，我们分别使用泛型函数处理了一个字符串和一个数字，并将结果赋值给相应的变量。
泛型约束
在使用泛型时，可能需要对泛型类型进行一些约束，以确保它们满足我们的期望。例如，以下代码约束了泛型类型必须具有 length 属性：
interface Lengthwise {
length: number;
}
function identity<T extends Lengthwise>(arg: T): T {
return arg;
}在上面的代码中，extends 关键字用于约束泛型类型必须实现 Lengthwise 接口。这意味着我们可以确保泛型类型具有 length 属性，从而可以在不同的数据类型进行工作。
泛型类
除了函数外，我们还可以在 TypeScript 中使用泛型类。以下是一个简单的泛型类的示例：
-- -------------------- ---- ------- ----- ---------------- - ---------- -- ---- --- -- -- -- -- -- - --- -------- - --- ------------------------ ------------------ - -- ------------ - ----------- -- - ------ - - -- --
在上面的代码中，我们创建了一个 GenericNumber 类，并将类型参数 T 移植到了该类的属性和方法中。这意味着我们可以在不同的类型上扩展该类，从而提高代码的可复用性。
结论
通过本文，我们了解了泛型的概念及其在 TypeScript 中的用法。使用泛型，我们可以编写更加通用的代码，从而提高代码的可复用性，减少代码冗余。在编写 TypeScript 代码时，请务必掌握泛型的使用方式，以提高代码的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6770e888e9a7045d0d82fd87