【TypeScript】TS泛型讲解及其使用

// 定义一个函数，它接受两个参数，一个是T，另一个是返回T类型的函数
function identity<T>(arg: T): T {
    return arg;
}
 
// 使用identity函数，TS编译器会推断T的类型
let output = identity<string>("myString");  // output的类型为string
 
// 使用类型推断，不显式传入T
let output2 = identity("myString");  // output2的类型也为string
 
// 定义一个函数，它接受一个数组和一个数字，返回数组中第n个元素的类型
function getArrayElement<T>(arr: T[], n: number): T {
    return arr[n];
}
 
// 使用getArrayElement函数
let secondElement = getArrayElement([1, 2, 3], 1);  // secondElement的类型为number
 
// 定义一个对象，键和值都是T的类型
function mapObject<T>(obj: { [key: string]: T }): T[] {
    return Object.keys(obj).map(key => obj[key]);
}
 
// 使用mapObject函数
let values = mapObject({ name: "Alice", age: 25 });  // values的类型为(string | number)[]
 
// 定义一个函数，它接受两个参数，一个是T，另一个是一个函数，这个函数接受一个T类型的参数并返回一个U类型
function convertArray<T, U>(arr: T[], converter: (item: T) => U): U[] {
    return arr.map(converter);
}
 
// 使用convertArray函数
let converted = convertArray([1, 2, 3], item => item.toString());  // converted的类型为string[]

这段代码展示了如何在TypeScript中定义和使用泛型函数。每个函数都接受不同类型的参数，并返回期望的类型。这有助于提高代码的可重用性和类型安全性。