在 TypeScript 的世界中，泛型是实现类型安全和代码复用的必备工具。泛型可以让我们在编写代码时，不仅可以声明我们的变量，还可以声明变量的类型。这样，我们就可以在编译时获得更好的类型检查，减少运行时错误、提升代码可读性和可维护性。
在此文章中，我们将探讨 TypeScript 中的泛型，为什么它们如此重要，并提供一些适合初学者的示例代码。
什么是泛型？
泛型可以被视为一种类型变量。它们允许我们编写不特定于某一种类型的函数、方法、类等，而是适用于任何类型。泛型的基本语法如下：
function functionName<Type>(param: Type): Type {
// ...
}这个函数代表它将接受一个类型为Type的参数，并返回一个类型也为Type的结果。
在这个示例中，Type 是我们定义的泛型类型变量。它可以替换为任何类型，比如 string、number 或者其它自定义类型。例如：
function loggingIdentity<Type>(arg: Type[]): Type[] {
console.log(arg.length);
return arg;
}在这个函数中，参数 arg 是一个数组，该数组中包含了一个类型为 Type 的元素。它返回的数组类型也是 Type，不过其中的元素已经不是一个泛型。
泛型示例
在 TypeScript 中应用泛型主要有以下几个方面：
泛型函数
利用泛型可以编写出更加强大、通用的函数。这样的函数既不需要声明具体的类型，又可以适用于多种类型。我们可以想象，如果我们要编写一个函数来实现两个数据的交换，可以把值传递给一个变量，但这就是用到了 JavaScript 微妙和可怕的数据类型互相操作的机制，这很容易产生一些奇怪的错误。利用 TypeScript 的泛型，可以显式地指定类型，这样可以减少运行时错误的机会。
function swap<Type>(x: Type, y: Type): [Type, Type] {
return [y, x];
}泛型数组
interface Stack<Type> {
readonly size: number;
push(item: Type): void;
pop(): Type;
}泛型类
-- -------------------- ---- ------- ----- ------------------- - ---------- ----- ---- --- ----- -- ----- -- ----- - --- --------------- - --- ------------------------ ------------------------- - -- ------------------- - ----------- -- - ------ - - -- --
泛型继承
interface Lengthwise {
length: number;
}
function loggingIdentity<Type extends Lengthwise>(arg: Type): Type {
console.log(arg.length);
return arg;
}结论
总之，泛型是 TypeScript 中一种强大的工具，它可以让我们编写可重用、类型安全的代码。我们可以通过泛型来定义函数、类、接口等，它们可以支持多种类型参数的输入。这样，我们就可以在编写代码时，不仅可以声明我们的变量，还可以声明变量的类型。这样，我们就可以在编译时获得更好的类型检查，减少运行时错误、提升代码可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670e1d195f551281025fb702