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

你可能感兴趣的:(TypeScript,typescript,javascript,泛型接口,泛型类)