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

以上是泛型的基本使用!

相关文章

  • 【第7篇】TypeScript泛型的案例代码详解

    1、最简单泛型例子 Ts代码 Js文件 2、泛型类型与接口 Ts代码一 Ts编译js代码一 Ts代码二 Ts编译j...

  • TS中的泛型

    泛型可以理解为宽泛的类型,通常用于类和函数 一、泛型类 泛型可以用于类和构造器,例如: 如上,表示传递一个T...

  • TS 泛型

    定义 泛型就是用一个东西表示广泛的类型。 接口 泛型约束 就是给泛型添加一些约束。

  • TS: 泛型

    学 Java 的时候总会提到泛型,现在 TS 也有了,他们的用法都差不太多。泛型可以理解为广泛的类型。 为什么要用...

  • ts 泛型

    函数泛型 接口,类泛型

  • umijs@use-request源码解读

    一、了解ts基本语法 涉及ts的变量声明、接口、类、函数、泛型等 ts语法知识[https://typescrip...

  • TS中类、接口、泛型

    一、类 public:修饰的属性和方法都是公有的,可以在任何地方被访问到。默认所有的属性和方法都是public。(...

  • TypeScript14(泛型)

    泛型在TypeScript是很重要的东西 例如vue3 是用ts编写的 里面用到了非常多的泛型 函数泛型 我写了两...

  • TypeScript基础入门 - 泛型 - 泛型类

    转载 TypeScript基础入门 - 泛型 - 泛型类 项目实践仓库 为了保证后面的学习演示需要安装下ts-no...

  • TypeScript基础入门 - 泛型 - 泛型约束

    转载 TypeScript基础入门 - 泛型 - 泛型约束 项目实践仓库 为了保证后面的学习演示需要安装下ts-n...

网友评论

    本文标题:TS中的泛型

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