TypeScript - 泛型 - 泛型接口和泛型类

介绍

泛型接口 : 就是在定义接口的时候声明泛型,接口内可以使用该泛型
泛型类 : 就是在定义类的时候声明泛型,类中可以时候该泛型

本案例的代码很简单,还请各位coder 对照代码阅读。

写段代码展示一下

泛型接口

// 声明泛型接口
interface Ia<T>{
    property:T
}
// 使用泛型接口
let a1:Ia<string> = {
    property:"hello"
}
let a2:Ia<number> = {
    property:100
}
console.log(a1)
console.log(a2)
运行结果 :
{ property: 'hello' }
{ property: 100 }

泛型类

// 范型类
class Ca<T>{
    // 使用范型声明属性
    property:T
    
    constructor(p:T){
        this.property = p
    }
    // 使用范型声明函数的参数
    showValue(a:T){
        console.log(a)
    }
}

let b = new Ca<string>("aabbcc")
console.log(b.property)
//b.showValue(100) // 错误,因为范型是string类型,100是number类型,不匹配
b.showValue("hello world")
运行结果:
aabbcc
hello world
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值