Typescript学习笔记——泛型

一、什么是泛型

软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。
在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。

在定义函数或者类时，如果遇到类型不明确的情况可以使用泛型。

二、函数中泛型的使用

这是是输入某个值，并将此制输出的过程，因为不清楚输入值的类型，所以可以使用泛型。泛型在调用的过程中，可以明确指定泛型，也可以不指定但TS会自动推断类型。

function fun<T>(a:T):T {
  return a;
}
//可以直接调用具有泛型的函数
console.log(fun(10));//不指定泛型，TS可以自动推断类型
console.log(fun<string>("ts"));//指定泛型

三、泛型可以指定多个

//泛型可以指定多个
function fn<T,K>(a:T,b:K):T {
  console.log(b);
  return a;
}
fn<String,number>("ts",10);
console.log(fn<String,number>("ts",10));

四、类中泛型的使用

这里Class类中name类型不明确，所以采用泛型。

class Class<T> {
  name:T;
  constructor(name:T){
    this.name=name;
  }
}
let c1=new Class<number>(10);
console.log(c1)

let c2=new Class<string>('js');
console.log(c2)

五、泛型可以继承其他类型

第一个是接口作为类型声明，其中泛型是接口的实现类
第二个泛型是number数字类型的继承类

interface Inters{
  length:number;
}
//这里用到了接口，其中泛型是接口的实现类
function f<T extends Inters>(a:T):number {
  return a.length;
}
console.log(f({length:10}))


function fu<T extends number>(a:T):T {
  return a;
}
console.log(fu(10))

六、泛型接口

//定义一个泛型接口
interface IbaseCrud<T>{
  data:Array<T>
  add:(t:T)=>T
  getUserId:(id:T)=>T
}

//定义一个用户信息的类
class User{
  id?:number
  name:string
  age:number
}

//定义一个类
class UserCrud implements IbaseCrud<User>{
  data:Array<User> = []
  add(user:User):User{
    this.data.push(user)
    return user
  }
  getUserId(id:User):User{
    return this.data.find(user=>user.id === id)
  }
}

七、泛型约束

如果我们直接对一个泛型参数length属性,会报错,因为这个泛型根本就不知道它有这个属性

//没有泛型约束
function fn<T>(x:T):void{
  console.log(x.length)//报错
}

我们可以用泛型约束来实现

interface Lengthwise{
  length:number
}

//指定泛型约束
function fn<T extends Lengthwise>(x:T):void{
  console.log(x.length)
}

我们需要传入符合约束条件类型的值，必须包含必须length

fn('abc')