07.泛型

/**

泛型
泛型的作用 ：可以支持任意类型，但是也有类型检测。
要求：传入的参数和返回的参数一致。使用T代表泛型

比如，我要求一个函数，当我传入number类型的时候，它就给我返回number类型。传入string类型的时候，它就给我返回string类型，如果不用泛型的话，
大家可能会想到用any类型来解决这个问题。如 ：

function add(value:any):any{
    return value;
}
add(123);    
add('hello'); 

但是,这样写的话,我在函数内部直接返回boolead类型也可以的
function add(value:any):any{
    return true;
}

下面来看看用泛型怎么写 ：

function add<T>(value:T):T{  //参数可以是任意类型，返回值也可以是任意类型
    return value;
}
add<number>(123)     //调用的时候，规定了参数是number类型，所以这个调用是正确的
add<number>('hello') //调用的时候，规定了参数是number类型，所以这个调用是错误的

-------------------------------------------

泛型类
class Sum<T>{
    list:T[] = [];  //数组能存放的类型是任意类型
    add(value:T):void{  //传入的参数是任意类型
        this.list.push(value);
    }
    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;
    }
}

let s = new Sum<number>();
s.add(1);
s.add(2);
s.add(0);
console.log( s.min() );

-------------------------------------------

泛型接口

//函数类型接口

/*
    interface ConfigFn{

        (value1:string,value2:string):string;
    }

    var setData:ConfigFn=function(value1:string,value2:string):string{

        return value1+value2;
    }

    setData('name','张三');
*/

//1、泛型接口

// interface ConfigFn{

//     <T>(value:T):T;
// }

// var getData:ConfigFn=function<T>(value:T):T{

//     return value;
// }

// // getData<string>('张三');

// // getData<string>(1243);  //错误

//2、泛型接口
interface ConfigFn<T>{
    (value:T):T;
}

function getData<T>(value:T):T{

    return value;
}

var myGetData:ConfigFn<string>=getData;     

myGetData('20');  /*正确*/
// myGetData(20)  //错误
 * */