10-TypeScript泛型变量

本文介绍了泛型在 TypeScript 中的作用,它允许创建具有类型参数的函数和类,以提高代码的复用性和类型安全性。通过泛型,可以避免使用 any 类型导致的类型检查失效问题,确保遵循 TypeScript 的类型规范。文中通过示例展示了如何使用泛型减少重复代码,并对比了泛型与 any 类型的区别。
摘要由CSDN通过智能技术生成

泛型本质属于类型的一种, 是一种不确定的类型。 通俗的理解, 泛型就是解决类, 接口, 方法的复用性以及对不特定类型和对未来类型支持的一种类型。 因为不确定, 所以泛型是模糊的, 抽象的。 比如, 有这样一个需求, 获得用户传入的值

// 传入类型和返回类型都是string
function getDate(value: string): string {
    return value;
}

// 传入类型和返回类型都是number
function getDate1(value: number): number {
    return value;
}

上述两个方法只能传number类型的值和string的值, 还得调用不同的方法, 会造成代码的冗余。 泛型出现了, 我们可以这样写

// T就是泛型, 一个函数实现所有类型的返回
function getDate<T>(value: T): T {
    return value;
}

let a = getDate<number>(100) // number类型
let b = getDate<string>("hello") // string类型
let c = getDate<Boolean>(true) // booleam类型
... // 其他类型

console.log(a)
console.log(b)
console.log(c)

有人说了, 用 any 也可以实现同样的效果, 但是别忘了, 当使用any类型后, 相当于放弃了typescript类型的校验, 这并不符合typescript的规范。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

绿色的小苹果

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值