泛型函数
概述
泛型函数（Generic Functions）是 TypeScript 中一个非常强大的特性，它允许你编写可以处理多种数据类型的函数，而不需要为每种数据类型编写单独的函数。通过使用泛型，你可以提高代码的复用性和类型安全性。
理论解释
什么是泛型？
泛型是一种参数化类型，它允许你在定义函数、类或接口时使用类型参数。这些类型参数可以在函数调用时被具体类型替换，从而使得函数可以处理多种类型的数据。
为什么使用泛型？
- 代码复用：泛型允许你编写一次代码，然后在不同的上下文中使用它。
- 类型安全：泛型确保在编译时进行类型检查，避免运行时错误。
- 灵活性：泛型可以应用于各种数据类型，包括自定义类型。
代码示例
基本泛型函数
让我们从一个简单的例子开始，定义一个泛型函数来交换两个变量的值。
function swap<T>(a: T, b: T): [T, T] {
return [b, a];
}
// 使用泛型函数
let result = swap<number>(10, 20);
console.log(result); // 输出: [20, 10]
let result2 = swap<string>("hello", "world");
console.log(result2); // 输出: ["world", "hello"]
在这个例子中，<T> 是类型参数，T 可以是任何类型。函数 swap 可以接受两个相同类型的参数，并返回一个包含这两个参数的数组。
多个类型参数
你也可以定义具有多个类型参数的泛型函数。
function combine<T, U>(a: T, b: U): [T, U] {
return [a, b];
}
// 使用泛型函数
let result3 = combine<number, string>(10, "hello");
console.log(result3); // 输出: [10, "hello"]
在这个例子中，combine 函数接受两个不同类型的参数，并返回一个包含这两个参数的数组。
泛型约束
有时候你可能希望泛型函数只接受某些特定类型的参数。你可以使用泛型约束来实现这一点。
interface Lengthwise {
length: number;
}
function printLength<T extends Lengthwise>(arg: T): void {
console.log(arg.length);
}
// 使用泛型函数
printLength("hello"); // 输出: 5
printLength([1, 2, 3]); // 输出: 3
printLength({ length: 10 }); // 输出: 10
在这个例子中，printLength 函数只接受那些具有 length 属性的参数。
实践练习
练习 1：实现一个泛型函数 identity
编写一个泛型函数 identity，它接受一个参数并返回该参数。
function identity<T>(arg: T): T {
return arg;
}
// 测试
console.log(identity<number>(10)); // 输出: 10
console.log(identity<string>("hello")); // 输出: "hello"
练习 2：实现一个泛型函数 toArray
编写一个泛型函数 toArray，它接受一个参数并返回一个包含该参数的数组。
function toArray<T>(arg: T): T[] {
return [arg];
}
// 测试
console.log(toArray<number>(10)); // 输出: [10]
console.log(toArray<string>("hello")); // 输出: ["hello"]
练习 3：实现一个泛型函数 getFirstElement
编写一个泛型函数 getFirstElement，它接受一个数组并返回数组的第一个元素。如果数组为空，则返回 undefined。
function getFirstElement<T>(arr: T[]): T | undefined {
return arr.length > 0 ? arr[0] : undefined;
}
// 测试
console.log(getFirstElement<number>([1, 2, 3])); // 输出: 1
console.log(getFirstElement<string>([])); // 输出: undefined
总结
泛型函数是 TypeScript 中一个非常强大的工具，它允许你编写灵活且类型安全的代码。通过使用泛型，你可以编写一次代码，然后在不同的上下文中使用它，从而提高代码的复用性和可维护性。
希望这篇教程能帮助你理解泛型函数的基本概念和使用方法。继续练习和探索，你将能够更好地掌握 TypeScript 的高级特性。