TypeScript 是一种基于 JavaScript 的编程语言，它在 JavaScript 的基础上增加了类型系统和其他一些面向对象的特性，让代码更加健壮和易于维护。其中使用泛型在类型安全性和代码的灵活性方面都具有非常重要的作用。
在 TypeScript 中，我们可以在 class 中使用泛型来增加代码的复用性和扩展性。本篇文章将会详细阐述，在 class 中如何使用泛型，并带有实例代码供大家参考。
什么是泛型？
泛型是指在编写代码时可以定义一些占位符来表示类型或值，这些占位符可以在实际使用时被具体的类型或值所替换，从而让代码更加灵活和复用性更加强。泛型在 TypeScript 中可以使用 T 表示任意类型，也可以使用其他名称。
-------- ---------------- --- - - ------ ---- -
以上是一个简单的泛型函数示例，其中使用 <T> 定义了类型参数，这个参数可以是任意类型。这个函数接收一个参数 arg，并使用 : T 来指定返回值为泛型 T。
在 class 中使用泛型
泛型在 class 中的使用方式和在函数中相似，可以在 class 名后面使用 <T> 等参数来定义泛型类型，然后在 class 中使用这个泛型类型。下面是一个示例：
----- ---------- -
------- ------ --
------------------ -- -
---------- - ------
-
------ ----------- - -
------ -----------
-
-以上这个示例代码定义了一个名为 MyClass 的 class，其中使用了泛型 T。在 class 中定义了一个私有属性 value，它的类型为泛型 T，在构造函数中使用 : T 来指定构造函数的参数类型。最后，在 class 中定义了一个公有方法 getValue()，它的返回值类型也是泛型 T。
这样，我们就可以在实例化这个 class 时对泛型类型进行具体化，从而让 class 更灵活，可以适应不同的类型。下面是实例化这个 class 的代码：
----- ------------- - --- ---------------------- -------- ----- ------------- - --- ---------------------
在以上代码中，我们分别实例化了 MyClass class，一个是字符串类型，一个是数字类型，从而让 MyClass class 在类型上更具灵活性。通过调用 getValue() 方法，我们可以获取这个 class 对象的值并进行操作。
一个更复杂的示例
除了简单的 class，在实际工作中，我们经常需要定义一些复杂的数据类型，而泛型在这种场景中的优劣性就显得尤为明显。下面是一个基于泛型的复杂数据类型示例：
--------- ----- -
----- -------
---- -------
-
----- -------- ------- ------ -
------- ----- --- - ---
----------------- ---- -
--------- - -----
-
------ ------------- -------- --- -
------ --------------------- -- -------- --- -----
-
-
----- --------- ------- - -
- ----- ------ ---- -- --
- ----- -------- ---- -- --
- ----- ------- ---- -- --
--
----- ------ - --- -----------------
----- --- - --------------------在以上代码中，我们定义了一个名为 IUser 的接口，其包含 name 和 age 两个属性，并且在 class 定义时使用了 T extends IUser 来限定泛型类型必须满足 IUser 接口。同时，我们使用了 Array<T> 来表示一个泛型数组类型。最后，定义了一个名为 MyList 的 class，其中使用了泛型 T，类中包含了一个 data 数据属性，它的类型为 T[]。
我们可以用上面定义的 userList 数组来实例化 MyList，并调用 getByAge() 方法获取年龄为 18 的用户。这样，我们就可以非常简单地实现代码的灵活性和可配置性，从而大大提高了开发效率和代码易读性。
总结
泛型是 TypeScript 中非常重要的一种语言特性，它可以在 class 中大大提升代码的灵活性和可复用性，从而让开发者可以更加方便地进行开发工作。在使用泛型时，需要注意类型上的边界和约束以及灵活性与准确性之间的取舍，这样才能让代码更加规范和高效。祝大家都能在日常工作中熟练地使用泛型，让代码变得更加优美！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/664ef18dd3423812e4fb260a