TS中的泛型

作者: 深度剖析JavaScript | 来源:发表于2020-11-05 22:11 被阅读0次

    泛型可以理解为宽泛的类型,通常用于类和函数

    一、泛型类

    泛型可以用于类和构造器,例如:

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

    以上是泛型的基本使用!

    相关文章

      网友评论

        本文标题:TS中的泛型

        本文链接:https://www.haomeiwen.com/subject/vbbavktx.html