说明
说明
这个方法支持对不同类型的数组进行合并然后返回,如果过我们不适用泛型的话我们得这个这个参数使用 any
类型,然后返回值也必须是 any
类型,这样才能够传递不同类型的数组,不过这样就会有一个问题,后面在调用这个 join
的时候,传递两个 number
类型的数组,在保存的时候它会变成 any
类型的,在调用内置方法使用的时候他就无法判断到是什么类型的
function join(arr1: any[], arr2: any[]): any[] {
return [...arr1, ...arr2]
}
const res = join([1, 2, 3], [4, 5, 6])
res.map((x) => x * x)
泛型
就派上用场了说明
在我们定义的时候先使用泛型占位,当我们调用的时候在指定具体的类型
function join<T>(arr1: T[], arr2: T[]): T[] {
return [...arr1, ...arr2]
}
// 使用泛型
const res = join<number>([1, 2, 3], [4, 5, 6])
// 在调用内置方法的时候 TypeScript 就可以推断出它是 number 类型了
res.map((x) => x * x)
说明
当我们使用了泛型来占位,使用的时候只说明是什么类型的数据,就提高了代码的复用性