TypeScript-10 泛型

function fun(a:any):any{
    return a;
}

在定义函数或者类时,遇到类型不明确就可以使用泛型。

function fn<T>(a: T): T {
    return a;
}
// 可以直接调用具有泛型的函数
const res1 = fn(10) //不指定泛型,TS可以自动对类型进行推断(但并不能推断出所有类型)
const res2 = fn<string>('hello') //指定泛型


// 泛型可以指定多个
function fn2<T, K>(a: T, b: K): T {
    console.log(b);
    return a;

}
fn2(123, 'hello')
// 这些情况下泛型T的范围太广了,有的时候我们需要指定范围的泛型
interface Inter {
    length: number;
}
// T extends Inter 表示T必须是Inter的实现类(子类)
function fn3<T extends Inter>(a: T): number {
    return a.length
}
// fn3(123);//报错
fn('123')
// 泛型除了用在函数里还能用在类中
class MyClass<T>{
    constructor(public name: T) {}
}
const mc =new MyClass<string>("张三")

T 是自己起的名字可以随意起名,这里我用type首字母T作为示范

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

阁下何不同风起?

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

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

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

打赏作者

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

抵扣说明:

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

余额充值