TS泛型工具类和类型推导

TS泛型工具类其实有很多,比如经常使用的Array就是其中一个,比如Array<T=number>或者Array<T=string>,我们可以定义Array的元素类型。包括Map<K:T,V:T>也是,我们可以为Map设置键和值的类型。

我们一般常见的类型推导是这样的:

const a = "wonderland"; // 我们没有给 a 声明类型, a 被推导为 string
a.toFixed(); // Property 'toFixed' does not exist on type 'string'.
a.includes("1"); // ok

需要注意的是,类型推导是仅仅在初始化的时候进行推导,如下是无法正确推导的:

let a = "wonderland"; // 我们没有给 a 声明类型, a 被推导为string
a.toFixed(); // Property 'toFixed' does not exist on type 'string'.
a.includes("1"); // ok
a = 1;
a.toFixed(); // 依然报错, a 不会被推导 为 number

而泛型也支持类型推导,以上面的hi 函数为例:

function hi<T>(arg: T): T {
  return arg;
}
hi<string>("wonderland"); // 这是ok的,也是最完整的写法
hi("wonderland"); // 基于类型推导,我们可以这样简写

TS泛型和函数的默认参数一样,可以有默认。

例如某个泛型接口:

interface wonderland<T = string>{
    rabbit:T;
}

该接口创建的时候如果没有传T,则使用该接口时,T默认等于string。

再例如已知的Array类:

let a:Array = [1]//只有当Array的T默认为string时这样的写法是对的,所以它是错的。

TS泛型的类型约束

使用extends关键字可以做到这点,例如

interface Sizeable {
  size: number;
}
function trace<T extends Sizeable>(arg: T):T{
   console.log(arg.size);
    return arg;
}
  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值