对泛型的一个自我理解
泛型的使用，实际上就像一个占位符一样，
我先预定义一个类型，这个类型具体是啥只有在真正使用的时候才知道。
从某种角度来看，泛型很像这个 any 类型啊。
泛型的定义语法
泛型的定义使用 <T> 的方式来定义，
其中 T 就是你与定义的类型，这个字母可以随便用，无所谓，只是一个符号而已。
泛型定义的时候可以定义多个，只需要在<>中用 逗号隔开就可以。
例如 ： <A,B>
写一个常规的泛型方法看看
需求描述 ：
写一个函数，
两个参数，参数1 是泛型类型的，参数2 是一个数字；
返回值是 创建【参数2】个 【参数1】 的数组。
代码实现如下：
// 泛型方法的定义 <T> 声明了一个泛型，在参数列表中、方法体中可以使用这个泛型。
function getArry<T> (value:T,count:number):T[]{
let arr:T[] = []
for(let i = 0;i < count;i++){
arr.push(value)
}
return arr
}
// 使用的时候指明范型的类型
console.log(getArry<number>(100,3))
// 使用类型推断自行决定泛型的类型
console.log(getArry("aabbcc",3))
运行结果如下 ：
[ 100, 100, 100 ]
[ 'aabbcc', 'aabbcc', 'aabbcc' ]
泛型方法的其他写法（了解）
因为函数有 函数声明 和 函数表达式 的定义方式。
上面的案例使用的是 函数声明的方式 使用的泛型，
下面 使用 函数表达式的方式 使用一下泛型，实现的效果与上面的案例是一致的。
// 函数表达式的方式
const getArry2 = function <T>(value:T,count:number):T[]{
let arr:T[] = []
for(let i = 0;i < count;i++){
arr.push(value)
}
return arr
}
// 箭头函数的方式
const getArry3 = <T>(value:T,count:number):T[]=>{
let arr:T[] = []
for(let i = 0;i < count;i++){
arr.push(value)
}
return arr
}
多个泛型参数的写法
多个符号用逗号隔开即可，如 <T,U,B>
写个例子一看就明白了：
// 范型参数可以有多个,用逗号隔开
function getArry4<T,U> (value:T,value2:U,count:number):void{
// 使用第一个泛型
let arr:T[] = []
for(let i = 0;i < count;i++){
arr.push(value)
}
// 使用第二个泛型
let arr2:U[] = []
for(let i = 0;i < count;i++){
arr2.push(value2)
}
console.log(arr)
console.log(arr2)
}
// 使用一下
getArry4(100,"bcd",2)
运行结果：
[ 100, 100 ]
[ 'bcd', 'bcd' ]
文章来源地址https://www.toymoban.com/news/detail-745268.html
文章来源：https://www.toymoban.com/news/detail-745268.html
到了这里，关于TypeScript - 泛型 - 泛型方法中泛型的使用的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
