一起来看vue3前端开发那些事儿

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())

以上是泛型的基本使用!

上一篇下一篇

猜你喜欢

热点阅读