typescript中的泛型
泛型:软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性。 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能。
在像C#和Java这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。
通俗理解:泛型就是解决 类 接口 方法的复用性、以及对不特定数据类型的支持(类型校验)
先看看下面的例子:
//只能返回string类型的数据 function getData(value:string):string{ return value; } //同时返回 string类型 和number类型 (代码冗余) function getData1(value:string):string{ return value; } function getData2(value:number):number{ return value; }
使用泛型后就可以解决这个问题
// T表示泛型,具体什么类型是调用这个方法的时候决定的 function getData<T>(value:T):T{ return value; } getData<number>(123); getData<string>('1214231');
泛型类:
//普通的类
class MinClass{ public arr:number[]=[]; add(value:number){ this.arr.push(value); } min():number{ var minNumber=this.arr[0]; for(let i=0;i<this.arr.length;i++){ if(minNumber>this.arr[i]){ minNumber=this.arr[i] } } return minNumber; } } var m=new MinClass(); m.add(12); m.add(23); m.add(5); alert(m.min());//显示5 //上面的有个问题就是你传入的值只能是number类型,返回的也是number,如果传入字符创就会报错,解决办法:泛型类 //定义泛型类 class MinClassT<T>{ public arr:T[]=[]; add(value:T){ this.arr.push(value); } min():T{ var minNumber=this.arr[0]; for(let i=0;i<this.arr.length;i++){ if(minNumber>this.arr[i]){ minNumber=this.arr[i] } } return minNumber; } } var m1=new MinClassT<number>(); m1.add(15); m1.add(16); m1.add(7); alert(m1.min()); var m2=new MinClassT<string>(); m2.add('a'); m2.add('b'); m2.add('c'); alert(m2.min());
泛型接口:
interface ConfigFn{ <T>(value:T):T; } var getData:ConfigFn=function<T>(value:T):T{ return value; } getData<string>('张三'); getData<string>(1243); //错误
还有一种写法:
interface ConfigFn<T>{ (value:T):T; } function getData<T>(value:T):T{ return value; } var myGetData:ConfigFn<string>=getData; myGetData('20'); /*正确*/ // myGetData(20) //错误
扬人之长,谅人之过!