在前端开发中，有时候需要编写一个通用的函数来操作各种类型的数据。然而，JavaScript 中的变量可以是不同类型的，这给我们编写通用函数带来了挑战。
为了解决这个问题，我们可以使用 TypeScript 的泛型（Generics）功能来编写一个能够影响任意值类型的方法。
泛型介绍
泛型是 TypeScript 强大的特性之一，它允许我们在定义函数、类或接口时，在其中使用一个或多个类型参数来表示不确定的类型。
一个简单的例子：
function identity<T>(arg: T): T {
return arg;
}上面这个函数使用了类型参数 <T>，它表示一个任意类型的占位符，当我们调用这个函数时，可以将具体的类型传递给这个占位符。
例如，下面这行代码会返回一个字符串 "Hello World"：
identity<string>("Hello World");编写一个通用函数
现在我们已经了解了 TypeScript 的泛型功能，我们可以使用它来编写一个通用函数，该函数可以影响任意值类型。
让我们来看一个例子，假设我们想要编写一个函数 cloneAndOverride，它可以复制一个对象并覆盖其中的属性。
function cloneAndOverride<T, U extends Partial<T>>(
original: T,
overrides: U
): T & U {
return { ...original, ...overrides };
}上面这个函数使用了两个类型参数 <T> 和 <U>：
<T>表示被复制的对象的类型；<U extends Partial<T>>表示覆盖对象的类型，它必须是被复制对象的子集。
具体来说，Partial<T> 是一个 TypeScript 内置的类型，它表示 T 类型的所有属性都是可选的。因此，U 类型的所有属性都是被复制对象的子集。
最后，T & U 表示新创建的对象类型，它是 T 和 U 的交集。
示例代码
让我们看一下如何使用 cloneAndOverride 函数：
-- -------------------- ---- ------- --------- ------ - ----- ------- ---- ------- - ----- ------- ------ - - ----- -------- ---- -- -- ----- ------------- - ------------------------ - ---- -- --- --------------------------- -- - ----- -------- ---- -- -
上面这个例子中，我们定义了一个 Person 接口，并创建了一个实例对象 person。然后，我们调用了 cloneAndOverride 函数，将 person 对象和一个包含要修改的属性的对象传递给它。函数返回一个新的对象，该对象包含了被复制对象的所有属性和要覆盖的属性。
总结
通过使用 TypeScript 的泛型特性，我们可以编写一个通用函数，该函数可以影响任意值类型。泛型是 TypeScript 中非常强大的特性，它允许我们编写更加灵活和可复用的代码。希望本文对你有所启示，你可以在自己的项目中使用泛型来编写更好的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31165