typescript之泛型

泛型

1、泛型函数：可以支持不特定的数据类型，要求传入的参数和返回的参数一致

function getData<T>(value:T):T {
  return value;
}

T表示泛型，具体什么类型是调用这个方法的时候决定的

getData<number>(123);//调用，参数必须是number类型
getData<string>('这是一个泛型');//参数必须是string类型

2、泛型类：比如有个最小堆算法，需要同时支持返回数字和字符串两种类型，通过类的泛型来实现

class MinClass<T> {
 public list:T[] = [];
 add(value:T):void {
  this.list.push(value)
 }
 min():T{
   let minNum = this.list[0];
   for(let i = 0; i < this.list.length; i++){
    if(minNum > this.list[i]) {
     minNum = this.list[i];
    }
    return minNum
   }
 }
}
let m1 = new Minclass<number>();//实例化类，并且定制了类的T代表的类型是number
m1.add(11);
m1.add(3);
m1.add(4);
m1.min();

3、泛型接口

第一种写法

interface ConfigFn {
 <T>(value:T):T
}
let getData:ConfigFn = function<T>(value:T):T{
 return value
}
getData<string>('张三');//调用，在这里因为指定的类型是string类型，所以传入的类型也应该是string,如类型不对应则会进行报错。

第二种写法

interface ConfigFn<T>{//定义一个函数接口
 (value:T):T;
}
function getData<T>(value:T):T{
 return value;
}
let myGetdata:ConfigFn<string> = getData;
myGetdata('20');//将泛型的类型定义为string，所以传入的类型也应该是string，如类型不对应则会报错

4、将类当作参数的泛型类

class User {
 username:string | undefined;
 password:string | undefined;
}
class MysqlDb {
 add(user:User):boolean {
 console.log(user)
  return true
 }
}
let u = new User();
u.username = '张三';
u.password = '123';
let Db = new MysqlDb();
Db.add(u);

将上面代码片段进行改造,此时需要应用到泛型

class MysqlDb<T> {
 add(info:T):boolean {
 console.log(info)
  return true
 }
}
class User {
 username:string | undefined;
 password:string | undefined;
}
let u = new User();
u.username = '张三';
u.password = '123';
let Db = new MysqlDb<User>();//为了避免类型的错误，在这里进行一个泛型的约定，只有符合User的才可以
Db.add(u);

5、约束规范定义接口，代码重用用到泛型

接口：在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范；

泛型：通缩理解，就是解决类、接口、方法的复用性；

要实现泛型接口，这个类也应该是一个泛型类