TypeScript学习-泛型

// 【泛型引入】
// 假设有一个echo方法，传入什么内容打印什么内容
function echoFunNumber(params:number){
    console.log(params);
} 
echoFunNumber(123)
// echoFunNumber("123")// 这个方法只支持number类型，如果我要echo的是一个string
function echoFunString(params:string) {
    console.log(params);
}
echoFunString("123")
// 那么函数的作用是一样的，但因为类型不一样同一段函数要写很多次。
// 化简
function echoFunAny(params:any){
    console.log(params);
}
echoFunAny("化简后123")
echoFunAny(182783)
// 使用any化简后会丢失一些信息，传入的类型和返回的类型应该是相同的。如果我们传入一个数字，我们只知道任何类型的值都有可能会被返回

// 【泛型定义】
function identity<T>(params:T):T {
    return params
}
// 调用时：
console.log(identity<number>(1));
console.log(identity<string>('你好'));

// 【泛型类型】
// 依旧使用上述identity做为例子
let myIdentity:<T>(arg:T)=>T = identity //赋值
// 不一定要用T,只要在数量上和使用上能对应上就可以。

// 【泛型接口】
// let myIdentity:<T>(arg:T)=>T = identity 
// 用接口去描述
// 方法1
// interface descIdentity{
//     <T>(arg:T):T
// }
// let myIdentity2:descIdentity = identity //赋值
// console.log(myIdentity2<number>(123));

interface descIdentity<T>{
    (arg:T):T
}
let myIdentity2:descIdentity<number> = identity //赋值
console.log(myIdentity2(123));