欢迎来到这个夏天 来杯冰镇啤酒吧
Welcome to clear ocean water, To clear ocean water.

TypeScript 泛型

TypeScript学习笔记

函数中使用泛型

泛型函数中基本使用

function join<sdq>(one: sdq, two: sdq) {
return `${one}${two}`;
}
join <string> ("我叫", "史迪奇");

泛型中数组的使用

// 定义数组
function MyName<SDQ>(params: Array<SDQ>) {
return params;
}
MyName <string> (["626", "626"]);

多个泛型的定义

// 定义多个泛型
function join<sdq, sdz>(one: sdq, two: sdz) {
return `${one}${two}`;
}
join < number, string > (626, "626");

类中使用泛型

泛型类中基本使用

class Syp <sdq> {
constructor(private syps: sdq[]) {}
getSyp(index: number): sdq {
return this.syps[index];
}
}

const syp = new Syp(["史迪奇", "鲁本", "安琪"]);
console.log(syp.getSyp(1));

泛型中的继承

interface SDQ{
name:string;
}

// 继承SDQ
class Syp <sdq extends SDQ> {
constructor(private syps: sdq[]) {}
getSyp(index: number): string {
return this.syps[index].name;
}
}

const syp = new Syp([
{name:"史迪奇"},
{name:"鲁本"},
{name:"安琪"}
]);
console.log(syp.getSyp(0));

泛型的约束

// 约束: 要么是number要么是string
class Syp <sdq extends number | string> {
constructor(private syps: sdq[]) {}
getSyp(index: number): sdq {
return this.syps[index];
}
}

const syp = new Syp <string>(["史迪奇", "鲁本", "安琪"]);
console.log(syp.getSyp(1));