脚本宝典收集整理的这篇文章主要介绍了TS基础——泛型/多泛型参数函数，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

function GetNewArr(OldArr: any[], item: any): any[] {
    OldArr.push(item)
    return OldArr
}
const OldArr: string[] = ['str1']
const res = GetNewArr(OldArr, 2)
console.log(res); //['str1', 1] 
res[0].toFixed()  //此处res[0]是string，但由于GetNewArr返回值是any[]，所有toFixed没有报错提示，这是不合理的
//当我们确实需要更具不同的情况，返回不同的类型的结果时，就需要用到泛型

function GetNewArr<T>(OldArr: T[], item: any): T[] {  //此处三个 T 表示三处类型一样（T的位置任意，T也是个变量，也可以用其他任意符号代替）
    OldArr.push(item)
    return OldArr
}
const oldarr: string[] = ['str1']
const res = GetNewArr<string>(oldarr, 'str2')  //此处的<string>就规定了 GetNewArr 三处 T 的类型都为 string ，此处的string也不是乱起的，而是要返回值，参数之间相互符合
//因为res类型已被定为string，故下面会报错提示
res[0].toFixed()  //会报错"类型“string”上不存在属性“toFixed”""

多个泛型参数的函数

function createArr<k, v>(value1: k, value2: v): [k, v] {
    return [value1, value2]
}
const res: [number, string] = createArr<number, string>(12, 'str')
console.log(res);
res[0].split('')  //会报错，合理

脚本宝典总结

以上是脚本宝典为你收集整理的TS基础——泛型/多泛型参数函数全部内容，希望文章能够帮你解决TS基础——泛型/多泛型参数函数所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。