Ts_泛型

Ts_泛型

/*
* 当我们不确定类型时我们可以像下面那样写，但是这样肯定是不符合我们规范的，因为any会关闭ts的检测功能，这样也不能体现出我们该返回和参数到底是什么类型
* 所以此时情况下泛型就出来了
* */
function fun(a:any):any {
    return a;
}

/*
* 使用泛型的情况下,这里N就是泛型但是不是非得是N我们可以是其它的就像变量一样
* */
function fun2<N>(a:N):N {
    return a;
}
//方式一 直接使用
fun2(10);//此时N就代表number这是ts自动给我们推断的
//方式二 当编译器无法推断时，我们就需自己定义类型
fun2<number>(10);

/*
* 还可以同时指定多个泛型 且之间用逗号分割开
* */

function fun3<S,N>(a:S,b:N):S {
    return a;
}

fun3<string,number>("ss",10);

/*
* 在类中使用泛型
* */
class myClass<N> {
    num:N,
    constructor(num:N){
        this.num = num;
    }
};

/*
* 对泛型进行约束
* */

interface myInter {
    num:number,
}
function fun4<N extends myInter>(a:N):number {
    return a.num;
};

let obj : {num:number} = {num:10};
// fun4(10);//此时会报错因为10这个参数里面是没有num这个属性的
fun4(obj);//此时就不会报错了
//N extends myInter 就相当于N是nyInter的实现(子类)，抽象类同样适用

总接：在类型不清楚的时候就是该我们使用泛型的时候了