前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >(二十)为什么使用泛型

(二十)为什么使用泛型

作者头像
老怪兽
发布2023-02-22 15:03:33
发布2023-02-22 15:03:33
34600
代码可运行
举报
运行总次数:0
代码可运行

# 一、为什么使用泛型

说明

  • 泛型是一种参数化的类型
  • 他的目的是为了增加代码的复用性,以及类型的推断

说明

这个方法支持对不同类型的数组进行合并然后返回,如果过我们不适用泛型的话我们得这个这个参数使用 any 类型,然后返回值也必须是 any 类型,这样才能够传递不同类型的数组,不过这样就会有一个问题,后面在调用这个 join 的时候,传递两个 number 类型的数组,在保存的时候它会变成 any 类型的,在调用内置方法使用的时候他就无法判断到是什么类型的

代码语言:javascript
代码运行次数:0
复制
function join(arr1: any[], arr2: any[]): any[] {
    return [...arr1, ...arr2]
}

const res = join([1, 2, 3], [4, 5, 6])
res.map((x) => x * x)
# 为了解决上面说明的这种情况,我们的 泛型 就派上用场了

说明

在我们定义的时候先使用泛型占位,当我们调用的时候在指定具体的类型

代码语言:javascript
代码运行次数:0
复制
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)

# 总结-写在最后

说明

当我们使用了泛型来占位,使用的时候只说明是什么类型的数据,就提高了代码的复用性

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年11月29日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • # 一、为什么使用泛型
    • # 为了解决上面说明的这种情况,我们的 泛型 就派上用场了
  • # 总结-写在最后
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档