五、typescript泛型

目录

• 定义单个泛型：
• 定义多个泛型
• 泛型指定范围
• 类中发泛型使用：

 

---

在定义函数或是类时，遇到类型不明确就可以使用泛型；

回到顶部

定义单个泛型：

这里的泛型使用T也可以使用其他；

function aaa<T>(a:T):T{
return a;
}
//使用：
console.log(aaa(10));//不指定泛型，TS可以自动对类型进行推断 10
console.log(aaa<string>("hello"));//指定泛型 hello

 

回到顶部

定义多个泛型

function bbb<K,T>(a:K,b:T):T{
    return b;
    }
console.log(bbb<string,number>("hello",123123));//指定泛型 123123

回到顶部

泛型指定范围

//T extends inter 表示T必须是inter实现类 or 子类
function CCC<T extends inter>(a: T): number {
    return a.name.length;
}
interface inter {
    name: string;
}
class XX implements inter {
    name: string;
    constructor(name: string) {
        this.name = name
    }
}
const xx = new XX("JJJ");
console.log(CCC(xx));//指定泛型 打印结果3

 

回到顶部

类中发泛型使用：

class DD<T>{
    name: T;
    constructor(name: T) {
        this.name = name
    }
}
const yy = new DD<string>("aaaa");
console.log(yy);//{name: 'aaaa'}