类中的泛型以及泛型类型

本篇文章将介绍TypeScript中类的泛型以及泛型类型的相关知识。

类中的泛型

定义类泛型，构造函数接收泛型数组，在创建类实例时指定具体类型，并传递指定类型数组。

class DataManager<T> {
  // 构造函数传递泛型数组
  constructor(private params: T[]) { }
  getItem(index: number): T {
    return this.params[index]
  }
}
// 传递泛型代表的类型数组
const data = new DataManager<number>([1, 3, 4])
console.log(data.getItem(0))
console.log(data.getItem(1))
console.log(data.getItem(2))

泛型类型

使用interface定义一个类，并将该类指定为类泛型的类型（extends），在创建实例时，需要传递泛型类型中包含的属性值。

interface Item {
  name:string
}

class DataManager<T extends Item> {
  constructor(private params: T[]) { }
  getItem(index: number): string {
    return this.params[index].name
  }
}
// 传递的对象必须包含Item类包含的属性
const data = new DataManager<Item>([
  {
    name:'jake'
  },
  {
    name:'smith'
  }
])
console.log(data.getItem(0))
console.log(data.getItem(1))

联合类型泛型参数

使用联合类型指定泛型接收的数据类型。

// 使用联合类型指定泛型可以接收 number 和 string 类型参数
class DataManager<T extends number|string> {
  constructor(private params: T[]) { }
  getItem(index: number): T {
    return this.params[index]
  }
}
const data = new DataManager<string>(['jake','smith'])
console.log(data.getItem(0))
console.log(data.getItem(1))

使用泛型作为一个具体的类型注解