typescript泛型

//泛型是解决类、接口、方法的复用性、以及对不特定数据类型的支持
//一、泛型
//只能返回string类型
function getData(value: string): string {
  return value
}

//同时返回 string number类型
//1
//any:放弃了类型检查,传入的数据类型和返回的数据类型不一致
function testOne(val: any): any {
  return val
}

//2 泛型  可以支持不特定的数据类型,要求传入的参数和返回的参数类型一致
//T表示泛型   具体是什么类型由调用该方法时决定
function testTwo<T>(value: T): T {
  return value
}
//正确写法
testTwo<number>(111)
//错误写法
// testTwo<number>('111');

//二、泛型类
//例如:获取最小值 需要同时可以返回数字类型或者是字符串类型
class getMin<T> {
  public arr: T[] = []
  add(value: T): void {
    this.arr.push(value)
  }

  minOne(): T {
    var min = this.arr[0]
    for (var i = 0; i < this.arr.length; i++) {
      if (min > this.arr[i]) {
        min = this.arr[i]
      }
    }
    return min
  }
}

var g1 = new getMin<number>() //实例化类,并指定类型为number
g1.add(8)
g1.add(6)
g1.add(8)
g1.add(12)
console.log(g1.minOne())

var g2 = new getMin<string>() //实例化类,并指定类型为string
g2.add('a')
g2.add('c')
g2.add('b')
g2.add('e')
console.log(g2.minOne())

//三、泛型接口
//定义接口方法1
interface Generic {
  <T>(v1: T): T
}
var consoleData: Generic = function<T>(v1: T): T {
  return v1
}
//正确调用
consoleData<number>(1)
//错误调用
// consoleData<string>(1)

//定义泛型接口方法2
interface Generic2<T> {
  (v: T): T
}
function testGeneric2<T>(v: T): T {
  return v
}
var data: Generic2<string> = testGeneric2
data('20') //正确
// data(20)//错误

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值