TS中的泛型
2020-11-05 本文已影响0人
深度剖析JavaScript
泛型可以理解为宽泛的类型,通常用于类和函数
一、泛型类
泛型可以用于类和构造器,例如:
class Person<T>{
private _value: T;
constructor(val: T) {
this._value = val;
}
}
let p = new Person<number>(12)
如上,<T>
表示传递一个T
类型,在new
的时候才把具体类型传入。其中T是变量可改,但通常比较常见就是写T
之前说TypeScript
类型的时有说到数组,其实数组本质就是一个泛型类
let a = new Array<number>();
二、泛型函数
泛型可以用于普通函数,例如:
function fn<T>(arg: T): T {
return arg;
}
fn<number>(12);
其实不管是用于类还是用于函数,核心思想都是:把类型当一种特殊的参数传入进去
需要注意的是泛型也可以“继承”,但表示的是限制范围
例如
class Person<T extends Date>{
private _value: T;
constructor(val: T) {
this._value = val;
}
}
let p1 = new Person(new Date())
class MyDate extends Date{}
let p2 = new Person(new MyDate())
以上是泛型的基本使用!