Typescript 泛型

概念

泛型可以理解为在我们定义函数、接口或者类的时候，不预先指定其相关的类型，而是在使用的时候手动指定类型。这和TypeScript基础类型中的any是有区别的。通俗理解：泛型就是解决 类 接口 方法的重用性、以及对不特定数据类型的支持

any:一个变量设置为any后，相当于关闭了ts的类型检测，一般情况下不建议使用any

泛型的好处

1. 函数和类可以轻松的支持多种类型，增强程序的扩展性

2. 不必写多条函数重载，冗长的联合类型声明，增强代码的可读性

3. 灵活控制类型之间的约束

泛型初识

需求：有个函数会返回任何传入它的值。

不用泛型的话，这个函数可能是下面这样:

function getData(value: string): string{
  return value;//传入什么返回什么
}

但是这样，这个函数我只能传字符串类型的参数给这个函数，如果想传数字类型，布尔类型呢。这个时候可以使用 any来实现

function getData(value: any): any{
  return value;//传入什么返回什么
}

any 的缺点：一个变量设置为any后，相当于关闭了ts的类型检测，一般情况下不建议使用any。

如果想做到传入什么类型就返回什么类型，例如传入number就返回number，这时候就可以使用泛型

function getData<T>(value:T):T{
  return value;//传入什么返回什么
}
第一种是，传入所有的参数，包含类型参数：
getData<number>(123);
getData<string>("123");

第二种方法更普遍。利用了类型推论 – 即编译器会根据传入的参数自动地帮助我们确定T的类型：
getData(123);
getData("123");

泛型变量

function getData<T>(value:T):T{
  return value;//传入什么返回什么
}

getData(123);
getData("123");

泛型接口

interface IMan {
    <T>(arg: T): T
}

function man<T>(arg: T): T{
    return arg;
}

let showMan: IMan = man;//或者 let showMan: IMan<string> = man;

showMan("james"); //"james"

泛型类

class Man<T> {
    name: T;
    constructor(arg: T) {
        this.name = arg;
    }
    play(a: T) : T {
        return a;
    }  
}

let showMan = new Man<string>("James");
showMan.name;  //"James"
showMan.play("ball"); //"ball"