技术好文:TS中的泛型

简介: 技术好文:TS中的泛型

"

// 1泛型的定义

// 泛型:在软件工程中,我们不仅要创建一致的定义良好的api,同时也要考虑可重用性。组件不仅能够支持当前的数据类型,还能支持未来的数据类型

// 在C#和Java这种语言中,可使用泛型来创建可重用的组件,一个组件支持多种类型的数据

// 2泛型函数

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

function getData(value:T):T{

return value

}

getData(123)

// 3泛型类

// 比如有个最小堆算法,需//代码效果参考:https://v.youku.com/v_show/id_XNjQwNjgyNTIyMA==.html

要同时支持返回数字和字符串两种类型

// class Minclass{

// public

list:number【】=【】

// add(num){

//

this.list.push(num)

// }

//

min():number{

// var

minNum=this.list【0】

//

for(var i=0;i

//

if(minNum>this.list【i】){

//

minNum = this.list【i】

// }

// }

//

return minNum

// }

// }

// var m = new Minclass()

// m.add(2)

class Minclass{

public

list:T【】=【】

add(value:T):void{

this.list.push(value)

}

min():T{

var

minNum=this.list【0】

for(var

i=0;i

if(minNum>this.list【i】){

minNum = this.list【i】

}

}

return

minNum

}

}

var m = new Minclass()

m.add(2)

// 4泛型接口

// 函数类型接口

// //代码效果参考:https://v.youku.com/v_show/id_XNjQwMDM2ODcwNA==.html

interface Configfn{

//

(value1:string,value2:string):string;

// }

// var

setData:Configfn=function(value1:string,value2:string):string{

// return

value1+value2

// }

// 泛型接口

interface Configfn{

(value:T):T;

}

var setData:Configfn=function(value:T):T{

return value

}


"
image.png
相关文章
|
6月前
|
前端开发
前端 TS 快速入门之五:泛型 T
前端 TS 快速入门之五:泛型 T
88 0
ts重点学习73-泛型的基本使用
ts重点学习73-泛型的基本使用
79 0
ts重点学习73-泛型的基本使用
ts重点学习1-泛型得基本使用
ts重点学习1-泛型得基本使用
76 0
ts重点学习1-泛型得基本使用
ts重点学习5-泛型接口
ts重点学习5-泛型接口
69 0
ts重点学习5-泛型接口
ts重点学习78-泛型接口
ts重点学习78-泛型接口
87 0
ts重点学习78-泛型接口
ts重点学习77-泛型接口
ts重点学习77-泛型接口
68 0
ts重点学习77-泛型接口
ts重点学习80-泛型类笔记
ts重点学习80-泛型类笔记
64 0
ts重点学习6-泛型接口笔记
ts重点学习6-泛型接口笔记
61 0