TypeScript笔记：TypeScript中的泛型

泛型：在编译期间不确定方法的类型(广泛之意思)，在方法调用时，由程序员指定泛型具体指向什么类型。

看下面一段小程序，理解TypeScript中的泛型：

//1 泛型函数
// 不用泛型的max函数1
function  getMaxNumber(arr:number[]):number{
    var max=arr[0];
    arr.forEach((value)=>{
        if(value>max){
            max=value;
        }
    });
    return max;
}

// 不用泛型的max函数2
function  getMaxStr(arr:string[]):string{
    var max=arr[0];
    arr.forEach((value)=>{
        if(value>max){
            max=value;
        }
    });
    return max;
}

console.log(getMaxNumber([1, 3, 5, 7, 9,11]));//1
console.log(getMaxStr(["Tom","Jerry","Walter","Disney"]));//jack

// 使用泛型的max函数，二合一
function getMax<T>(arr:T[]):T{
    var max=arr[0];
    arr.forEach((value)=>{
        if(value>max){
            max=value;
        }
    });
    return max;
}

console.log(getMax([1, 3, 5, 7, 9,11]));
console.log(getMax(["Tom","Jerry","Walter","Disney"]));

//2 泛型类
class GetMax<T>{
    arr:T[]=[];
    add(ele:T){
        this.arr.push(ele);
    }
    max():T{
        var max=this.arr[0];
        this.arr.forEach(function (value) {
            if(value>max){
                max=value;
            }
        });
        return max;
    }
}

var gm1= new  GetMax<number>();
gm1.add(2);
gm1.add(4);
gm1.add(6);
gm1.add(8);
console.log(gm1.max());

var gm2= new  GetMax<string>();
gm2.add("Tom");
gm2.add("Jerry");
gm2.add("Walter");
gm2.add("Disney");
console.log(gm2.max());

/**
 * 3 泛型函数接口
 */
interface ConfigFn{
    <T>(value:T):T;
}

var getData:ConfigFn=function<T>(value:T):T{
    return value;
}
console.log(getData<string>('猫哥'));
// getData<string>(1243);  //报错...