8、TypeScript 泛型--函数、类、接口使用泛型

函数、类及接口中如何使用泛型

//泛型
//一个方法既可以返回string类型，又可以返回number类型时，需要定义2个方法，这样就会导致方法重了。
// 如果用any时，编译器就会放弃类型检查的功能。采用泛型可以满足需求(有类型校验)。

//1、泛型函数
//定义方法使用泛型，返回泛型的参数
function getData<T>(value:T):T {
    return value;
}
console.log(getData<number>(23));
console.log(getData<string>("jake"));

function getData2<T>(value:T):any {
    return value+"__0000";
}

//2、泛型类
class FAnimal<T>{
    val:T;
    constructor(v:T){
        this.val=v;
    }
    hello(){
        console.log(`Hello ${this.val}`);
    }
}

let ff=new FAnimal<string>("jake");
ff.hello();
let ff1=new FAnimal<number>(234);
ff1.hello();

//3、泛型接口
interface MyFunc<T> {
    run(t:T):T;
}
class FF implements MyFunc<string>{
    run(t:string):string{
        return t+">>>";
    }
}
let f=new FF();
console.log(f.run("haha"));