TypeScript基础学习随笔5-泛型

1.泛型函数

function printArr1(arr:number[]):void {
  // for / for in / for of

  // for of 得到的具体的元素 for in 得到的下标
  for(let item of arr) {
    console.log(item)
  }
}
printArr1([11,22,33,44])

function printArr2(arr:string[]):void {
  for(let item of arr) {
    console.log(item)
  }
}
printArr2(["aa","bb","cc"])

// 上面的写法就只有arr类型不一样，可以使用泛型函数
function printArr3<T>(arr:T[]):void {
  for(let item of arr) {
    console.log(item)
  }
}
printArr3<number>([11,22,33,44])
printArr3<string>(["aa","bb","cc"])

2.泛型类

class myArrayList<T> {
  public name:T
  public list:T[]=[]
  add(val:T):void {
    this.list.push(val)
  }
}
let arr = new myArrayList<number>()
arr.add(11)
arr.add(22)
// arr.add("aaa") // 报错: 类型“"aaa"”的参数不能赋给类型“number”的参数
console.log(arr.list) // [ 11, 22 ]

3.泛型接口

interface Iadd<T> {
  (x:T,y:T):T
}
let iadd:Iadd<number>
iadd = function(x:number,y:number) {
  return x+y
}
console.log(iadd(1,5)) // 6