三分钟快速了解typeScript中的泛型

typeScript中的泛型

泛型的定义

泛型函数

泛型类

泛型接口

泛型：软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。

在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。

通俗理解：泛型就是解决 类 接口 方法的复用性、以及对不特定数据类型的支持(类型校验)

泛型的定义

泛型：可以支持不特定的数据类型， 要求：传入的参数和返回的参数一致

可以用T表示泛型，具体什么类型是调用这个方法的时候决定的

泛型函数

function getData<T>(val:T):T{
    return val
}
console.log(getData<number>(1))//1
console.log(getData<string>("fur"))//fur
console.log(getData<boolean>(true))//true

泛型类

class MinClass<T>{
    public list:T[] = []
    add(val:T):void{
        this.list.push(val)
    }
    min():T{
        var minNum = this.list[0]
        for(var i=0;i<this.list.length;i++){
            if(minNum>this.list[i]){
                minNum=this.list[i];
            }
        }
        return minNum;
    }
}
var mNum = new MinClass<number>();
mNum.add(8);
mNum.add(6);
mNum.add(11);
console.log(mNum.min())//6
var mStr = new MinClass<string>();
mStr.add("fur")
mStr.add("kfc")
mStr.add("mdl")
console.log(mStr.min())//fur

泛型接口

interface config<T> {
    (value:T):T
}
function getData<T>(val:T):T{
    return val;
}
var myData:config<string> = getData; 
console.log(myData("fur"))//fur

↓↓↓
typeScript系列学习文章目录