类中的泛型以及泛型类型
本篇文章将介绍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))