首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TypeScript中泛型及泛型函数、泛型类、泛型接口,泛型约束,一文读懂

最近在学TypeScript,然后整理了一下关于TypeScript中泛型的一些笔记。...泛型的定义(generic type 或者 generics) 泛型是TypeScript语言中的一种特性。 是程序设计语言的一种特性。泛型是一种参数化类型。 ...在使用过程中,泛型操作的数据类型会根据传入的类型实参来确定 泛型可以用在 类、接口、方法中,分别被称为 泛型类、泛型接口、泛型方法。...泛型类和泛型方法同时具备 通用性、类型安全和性能 ,是非泛型类和非泛型方法无法具备的 优势:高性能的变成方式、达到代码复用、提高代码通用性、 泛型使用的是类型参数(变量),它是一种特殊的变量,代表的是类型而不是值...Interface 接口名{ //属性和方法签名 } Interface 接口名{ //属性和方法签名 } 共同点: 必须使用括起参数 T , 跟在 函数名||类名||接口名

2.8K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    TypeScript - 泛型

    ,需要定义泛型的类型 接口范围内的泛型 看到上面这两种方式定义函数,使用起来差不多,可能你会有个疑问,它们有什么区别,哪种更好?...不一定,如果你的需求只会用到一次泛型参数时,那就不必把泛型参数提前到接口名,因为在多人协同合作中,可能会引起其他使用者的误会。 泛型约束 泛型约束提供更智能的类型推导,为类型提供扩展。...有时候我们希望泛型参数符合某些规则时,你应该想到使用泛型约束来解决问题。 基于接口约束 使用泛型约束来对 formatArr 做一些改造,改造后的函数功能为对传入的参数进行切片,返回除第一项的数据。...泛型参数的默认类型 在 TypeScript 2.3 以后,我们可以为泛型中的类型参数指定默认类型。当使用泛型时没有在代码中直接指定类型参数,从实际值参数中也无法推测出时,这个默认类型就会起作用。...,不难发现泛型的强大,可变的类型变量和泛型约束为 TypeScript 的类型推导都提供了很大的贡献。

    1.2K10

    TypeScript泛型

    在像C#和Java这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。 ——摘自官方文档为什么要引入泛型的概念呢?...我们在定义函数、接口或类的时候,不预先指定具体类型,而是在使用的时候再指定类型,先站住位置再说,保证了输入输出保持一致的问题。这里举个例子说明为什么要使用泛型。...1、常用的泛型变量T(Type) :代表类型,定义泛型时通常作为第一个类型变量名称K(Key):表示对象中的键类型U:表示对象中的键类型V(Value):表示对象中的值类型E(Element):表示元素或者节点类型...(val:T):T { console.log(val.length) return val}4、泛型约束我们之间使用属性方法,但是不知道类型就会报错,所以需要对参数类型进行约束...result({name:"zhangsan"})如果不对变量类型进行约束的话,还是会报错滴,如下:5、泛型工具类型后续更新泛型工具类型 我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖

    15000

    【TypeScript】012-类与接口、泛型

    同样的,在接口继承类的时候,也只会继承它的实例属性和实例方法。 7、泛型 泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。...泛型接口 之前学习过,可以使用接口的方式来定义一个函数需要符合的形状: interface SearchFunc { (source: string, subString: string): boolean...== -1; } 当然也可以使用含有泛型的接口来定义函数的形状: interface CreateArrayFunc { (length: number, value: T): Array...在 TypeScript 2.3 以后,我们可以为泛型中的类型参数指定默认类型。...当使用泛型时没有在代码中直接指定类型参数,从实际值参数中也无法推测出时,这个默认类型就会起作用。

    10210

    TypeScript泛型

    在 TypeScript 中,泛型(Generics)是一种用于创建可重用的组件的强大工具。泛型允许在函数、类和接口中使用类型参数,使得这些组件能够适应多种数据类型,提高代码的灵活性和可重用性。...泛型类泛型类是一种具有类型参数的类。通过在类名后面使用尖括号 来定义类型参数,并在类的属性、方法或构造函数中使用类型参数,可以创建可适用于多种类型的类。...类的构造函数接受一个参数 value,类型为 T,并将其赋值给私有属性 value。通过调用 getValue 方法,可以获取存储在容器中的值,其类型为 T。泛型接口泛型接口是一种具有类型参数的接口。...泛型约束有时候我们希望泛型类型参数具有某些特定的属性或方法。为了达到这个目的,可以使用泛型约束(Generic Constraints)。...然后,我们定义了一个泛型函数 getLength,该函数接受一个泛型类型参数 T,并使用泛型约束 T extends Lengthy,表示 T 必须具有 Lengthy 接口中定义的属性。

    50820

    TypeScript-泛型

    泛型概述在编写代码的时候我们既要考虑代码的 健壮性, 又要考虑代码的 灵活性 和 可重用性通过 TS 的静态检测能让我们编写的代码变得更加 健壮, 但是在变得健壮的同时却丢失了 灵活性 和 可重用性所以为了解决这个问题...TS 推出了 泛型 的概念通过 泛型 不仅可以让我们的代码变得更加 健壮, 还能让我们的代码在变得 健壮 的同时保持 灵活性 和 可重用性还是和之前一样的套路,利用一个需求来引出没有使用泛型的弊端,需求...=> [3, 3, 3]let res = arr.map(item => item.length);console.log(res);那么如上的需求就看到这里,接下来再看一个需求利用这个需求来引出泛型...};let arr = getArray('abc');let res = arr.map(item => item.length);console.log(res);如上代码我们指定泛型的类型为...string 所以调用 .length 就不会报错这是正常的,如果我们将泛型的类型改为 number 在来看的话编译器就会直接报错:图片注意点泛型具体的类型可以不指定, 如果没有指定, 那么就会根据我们传递的泛型参数自动推导出来

    16010

    TypeScript泛型应用

    概念: 泛型程序设计(generic programming)是程序设计语言的一种风格或范式。泛型允许程序员在强类型程序设计语言中编写代码时使用一些以后才指定的类型,在实例化时作为参数指明这些类型。...泛型应用: 场景:在做前后端交互数据接口统一返回格式定义的场景来进行泛型的实战训练。...,因为数据库必须有数据唯一的标识; 通过UML类图来看一下没有泛型的结构 BaseResponse: 抽取接口公共属性:code,message,result class BaseResponse {...我们看一看应用泛型后有什么变化吧。 对类进行升级-应用泛型: 1....) } class GoodsResponse extends BaseResponse { // 实现组装数据函数(模拟使用) } 结语: 泛型的应用使我们的程序在设计过程中对结构进行抽象但不指明具体类的类型

    49520

    泛型接口,泛型类和泛型通配符

    java零基础入门-高级特性篇(六) 泛型 中 泛型的使用位置,除了最常见的约束集合元素,还可以使用在接口,类,方法上面。...泛型接口和泛型类 泛型接口的定义,public interface man{...}。在接口名后面加上泛型类型参数T,这样就定义了一个泛型接口。 ?...泛型接口 在接口中定义的类型参数可以在接口中当做类型使用,任何需要类型的地方都可以使用类型参数替代。...使用泛型接口,可以在实现的时候才定义具体需要实现的类型,使接口可以进行更高级的抽象。 泛型类的定义,public class Man{...}...,在类名后面加上泛型类型参数T,这样就定义了一个泛型类。 ? 泛型类 和泛型接口不同,类有构造器,并且构造器也可以使用泛型类型参数。

    2.3K20

    在 TypeScript 中使用泛型:使用指南

    让我们探索一些 TypeScript 项目中的泛型的实际应用。 函数中使用泛型 其中一个使用泛型的使用场景是函数创建。...在接口和类中使用泛型 在定义特定类型进行操作接口或者类时,泛型也非常有用。...通过这个方法,这能函数能放心使用将会存在的传递过来的参数的 length 属性。 泛型中使用 keyof TypeScript 中 keyof 操作符可以在泛型中结合使用,来确保属性名的类型安全。...泛型实用类型 utility TypeScript 包含系列实用类型,可以更轻松地使用泛型以各种形式转换类型。...下面的明智使用泛型的场景: 函数,类,或者接口可对多种类型进行操作 发现自己在为不同类型编写重复代码 我们需要在不同属性或者函数之间保持类型关联 然而,避免掉入 “为了用泛型而用泛型” 的陷阱。

    16910

    Java泛型接口的使用

    最近在项目部分服务中看到泛型接口的大量使用,对于我来说有泛型接口有以下好处:类型安全性:泛型接口可以在编译时提供类型检查,使得编译器能够检测出潜在的类型错误。...通过在接口中指定泛型类型参数,可以确保实现类在使用接口的方法时传入正确的类型,从而减少运行时出现类型转换错误的概率。...可读性和可维护性:通过使用泛型接口,代码中的类型信息更加清晰明了,使得代码更易读、理解和维护。通过指定泛型参数,我们可以清楚地知道接口方法的输入和输出的类型,提高代码的可读性。...强制规范:泛型接口可以强制实现类遵循一定的规范。在实现泛型接口时,编译器要求实现类必须提供指定类型的具体实现,从而确保了接口方法的正确使用和一致性。...避免类型转换:使用泛型接口可以避免频繁进行类型转换,减少因类型不匹配而引发的错误。在使用泛型接口时,编译器会自动进行类型推断和转换,使得代码更加简洁和安全。

    23830

    TypeScript 中的泛型

    泛型(Generics)是一种编程语言特性,允许在定义函数、类、接口等时使用占位符来表示类型,而不是具体的类型。泛型是一种在编写可重用、灵活且类型安全的代码时非常有用的功能。...泛型接口(Generic Interfaces)可以使用泛型来定义接口,使接口的成员能够使用任意类型:实例// 基本语法interface Pair {    first: T;    second...然后,使用这个泛型接口创建了一个对象 pair,其中 first 是字符串类型,second 是数字类型。3....Box("TypeScript");console.log(stringBox.getValue()); // 输出: TypeScript解析: 在这个例子中,Box 是一个泛型类,使用...构造函数和方法都可以使用泛型类型 T。通过实例化 Box,我们创建了一个存储字符串的 Box 实例,并通过 getValue 方法获取了存储的值。4.

    14710

    TypeScript基础(五)泛型

    为了提高代码的复用性和灵活性,TypeScript引入了泛型的概念。泛型可以让我们在定义函数、类或接口时,不预先指定具体的类型,而是在使用时再指定类型。...本文将详细介绍TypeScript中泛型的使用方法和技巧。概念--泛型是一种参数化类型的方式,它可以用来创建可重用的组件。...通过使用泛型,我们可以在定义函数、类或接口时不预先指定具体的类型,而是在使用时再指定类型。这样可以增加代码的灵活性和复用性。泛型的使用在函数、类型别名、接口和类中使用泛型可以增加代码的灵活性和重用性。...接口中使用泛型接口可以使用泛型来定义灵活的类型。可以通过在接口名后面使用尖括号()来定义泛型参数,并在接口定义中使用该参数。...TypeScript中非常重要的特性之一,它可以让我们在定义函数、类或接口时不预先指定具体的类型,而是在使用时再指定类型。

    34230

    泛型_TypeScript笔记6

    用泛型。...,没有复用优势,也不如箭头函数简洁,因此,并不常见 四.泛型接口 带类型参数的接口叫泛型接口,例如可以用接口来描述一个泛型函数: interface GenericIdentityFn { (arg...: T): T; } 还有一种非常相像的形式: interface GenericIdentityFn { (arg: T): T; } 这两种都叫泛型接口,区别在于后者的类型参数T作用于整个接口...idArray: (...s: number[]) => s, }; 接口级的类型参数有这种约束作用,成员级的则没有(仅作用于该泛型成员) 五.泛型类 同样,带类型参数的类叫泛型类,例如: class...(或子类)的实例 function create(c: {new(): T; }): T { return new c(); } 此外,还可以在泛型约束中使用类型参数,例如: function

    1.1K30
    领券