首页
学习
活动
专区
圈层
工具
发布

TypeScript-泛型约束

泛型约束概述默认情况下我们可以指定泛型为任意类型但是有些情况下我们需要指定的类型满足某些条件后才能指定那么这个时候我们就可以使用 泛型约束博主需求: 要求指定的泛型类型必须有 length 属性才可以指定该类型为泛型的类型...:指定有 length 属性的类型作为泛型类型interface LengthInterface { length: number}let getArray = ('abc');let res = arr.map(item => item.length);console.log(res);指定没有 length 属性的类型作为泛型类型图片...item => item.length);console.log(res);图片图片最后本期结束咱们下次再见~ 关注我不迷路,如果本篇文章对你有所帮助,或者你有什么疑问,欢迎在评论区留言,我一般看到都会回复的。

53310

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

最近在学TypeScript,然后整理了一下关于TypeScript中泛型的一些笔记。...泛型的定义(generic type 或者 generics) 泛型是TypeScript语言中的一种特性。 是程序设计语言的一种特性。泛型是一种参数化类型。 ...在使用过程中,泛型操作的数据类型会根据传入的类型实参来确定 泛型可以用在 类、接口、方法中,分别被称为 泛型类、泛型接口、泛型方法。...T 必须放在中间 一般不能单独出现,会出现在类 函数、 接口 、中 ,在函数体内,编译器不知道泛型变量T具体数据类型,只能认为其为 任意值(any) 类型 泛型约束 泛型参数T类似于any类型...但是有些情况下,函数需要处理的数据有一定的约束,比如有一个泛型函数需要访问泛型参数T的length属性,并加1。基于这种需求,必须对泛型参数T进行约束,也就是泛型约束。

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

    TypeScript 中的泛型

    泛型(Generics)是一种编程语言特性,允许在定义函数、类、接口等时使用占位符来表示类型,而不是具体的类型。泛型是一种在编写可重用、灵活且类型安全的代码时非常有用的功能。...使用泛型的主要目的是为了处理不特定类型的数据,使得代码可以适用于多种数据类型而不失去类型检查。泛型的优势包括:代码重用: 可以编写与特定类型无关的通用代码,提高代码的复用性。...抽象性: 允许编写更抽象和通用的代码,适应不同的数据类型和数据结构。泛型标识符在泛型中,通常使用一些约定俗成的标识符,比如常见的 T(表示 Type)、U、V 等,但实际上你可以使用任何标识符。...Box("TypeScript");console.log(stringBox.getValue()); // 输出: TypeScript解析: 在这个例子中,Box 是一个泛型类,使用...泛型约束(Generic Constraints)有时候你想限制泛型的类型范围,可以使用泛型约束:实例// 基本语法interface Lengthwise {    length: number;}function

    1.8K10

    Go 泛型之泛型约束

    Go 泛型之泛型约束 目录 Go 泛型之泛型约束 一、引入 二、最宽松的约束:any 三、支持比较操作的内置约束:comparable 四、自定义约束 五、类型集合(type set) 六、简化版的约束形式...2018 年 8 月由伊恩·泰勒和罗伯特·格瑞史莫主写的 Go 泛型第一版设计方案中,Go 引入了 contract 关键字来定义泛型类型参数的约束。...所以,在 Go 泛型版本中,interface 语法也得到了一些扩展,也正是这些扩展给那些刚刚入门 Go 泛型的 Go 开发者带来了一丝困惑,这也是约束被认为是 Go 泛型的一个难点的原因。...六、简化版的约束形式 在前面的介绍和示例中,泛型参数的约束都是一个完整的接口类型,要么是独立定义在泛型函数外面(比如下面代码中的 I 接口),要么以接口字面值的形式,直接放在类型参数列表中对类型参数进行约束...八、小结 本文我们先从 Go 泛型内置的约束 any 和 comparable 入手,充分了解了约束对于泛型函数的类型参数以及泛型函数中的实现代码的限制与影响。

    1.5K10

    TypeScript-在泛型约束中使用类型参数

    在泛型约束中使用类型参数概述一个泛型被另一个泛型约束, 就叫做 泛型约束中使用类型参数博主需求: 定义一个函数用于根据指定的 key 获取对象的 value:let getProps = (obj: object..., key: string): any => { return obj[key];}如上的代码在编译器当中是会报错的,报错的原因就是它不知道 obj[key] 返回的到底是不是 any 这个类型,...a 和 b 都是存在的 key,如果这个时候我要获取一个 c 的 key 的 value 那么就直接是 undefined 了,说明一个问题,代码不够健壮, 明明 obj 中没有 c 这个 key 但是却没有报错...,那么这时就可以利用 在泛型约束中使用类型参数 来解决该问题,代码如下:图片let getProps = (obj: T, key: K): any => {...,我一般看到都会回复的。

    1.4K10

    TypeScript泛型

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

    1K20

    TypeScript泛型

    泛型软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性。 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能。...在像C#和Java这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。 ——摘自官方文档为什么要引入泛型的概念呢?...泛型是什么呢?它可以说是一种类型占位符,也可以说是类型变量,需要注意的是它一种特殊的变量,只用于表示类型而不是值。...1、常用的泛型变量T(Type) :代表类型,定义泛型时通常作为第一个类型变量名称K(Key):表示对象中的键类型U:表示对象中的键类型V(Value):表示对象中的值类型E(Element):表示元素或者节点类型...result({name:"zhangsan"})如果不对变量类型进行约束的话,还是会报错滴,如下:5、泛型工具类型后续更新泛型工具类型 我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖

    60400

    TypeScript - 泛型

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

    1.6K10

    【Flutter】Dart 泛型 ( 泛型类 | 泛型方法 | 特定类型约束的泛型 )

    (24673): 泛型测试, 类型字符串, 获取的缓存内容为 Tom I/flutter (24673): 泛型测试, 类型整型, 获取的缓存内容为 18 二、Dart 泛型中的特定类型约束 泛型还可以进行特定类型约束..., 如指定该泛型类型必须是某个类的子类 , 使用 约束该泛型必须是某个类的子类 ; 泛型类示例代码 : /// 泛型中的特定类型约束 /// 将泛型约束为某个类型的子类...> cache2 = Cache(); // 调用泛型方法时 , 传入的参数必须符合对应的泛型类型 // 泛型约束 : 泛型使用时会进行类型检查约束 , 如果设置错误的类型 , 编译时报错.../// 取出泛型缓存数据 , 该方法是泛型方法 T getCachedItem(String key){ return _map[key]; } } /// 泛型中的特定类型约束 //.../ 将泛型约束为某个类型的子类 class Member{ T _person; /// 构造函数中设置 T _person 成员的值 Member(this

    8.2K00

    C#泛型入门泛型类、泛型集合、泛型方法、泛型约束、泛型委托

    不然 泛型集合和ArrayList的装箱拆箱 常见的泛型类型 泛型类和泛型方法 泛型约束 泛型委托 ###泛型很难理解?...###常见的泛型类型### 在泛型类型的定义中,出现的每个T(一个展位变量而已叫别的名字也行)在运行时都会被替换成实际的类型参数。...###泛型类型参数约束### 为什么要使用类型参数的约束呢,简单点说就是筛选类型参数,在使用泛型的代码中如果违反了某个约束不允许的类型来实例化则会产生编译错误,类型参数的约束是使用关键字where。...下面列出了6中类型的约束 where T: struct 类型参数必须是值类型。可以指定除 Nullable 以外的任何值类型。有关更多信息,请参见使用可以为 null 的类型(C# 编程指南)。...where T: 类型参数必须是指定的接口或实现指定的接口。可以指定多个接口约束。约束接口也可以是泛型的。

    3.9K30

    TypeScript泛型应用

    概念: 泛型程序设计(generic programming)是程序设计语言的一种风格或范式。泛型允许程序员在强类型程序设计语言中编写代码时使用一些以后才指定的类型,在实例化时作为参数指明这些类型。...泛型应用: 场景:在做前后端交互数据接口统一返回格式定义的场景来进行泛型的实战训练。...; 返回列表数据的报文时list对象中需要包含公共的属性size和pages; 返回列表数据中的单个元素和返回指定数据的对象都包含一个公共的id字段,可以抽取到公共父类中使用,因为数据库必须有数据唯一的标识...: 应用泛型后的代码变得更容易扩展,我们如果新增一个商品表的话,对应的单条数据返回和多条数据返回的结构将可以很方便的在原来的基类上进行扩展了,如果需要在基类中进行属性的扩展和变更将受影响到所有子类中。...// 实现组装数据函数(模拟使用) } class GoodsResponse extends BaseResponse { // 实现组装数据函数(模拟使用) } 结语: 泛型的应用使我们的程序在设计过程中对结构进行抽象但不指明具体类的类型

    83020

    TypeScript-泛型

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

    47410

    【Kotlin】泛型 ① ( 泛型类 | 泛型参数 | 泛型函数 | 多泛型参数 | 泛型类型约束 )

    文章目录 一、泛型类 二、泛型参数 三、泛型函数 四、多泛型参数 五、泛型类型约束 一、泛型类 ---- 定义一个 泛型类 , 将 泛型参数 T 放在 尖括号 中 , 该泛型参数放在 类名后...下面的代码中 , 声明了 Student 泛型类 , 该泛型类 接收 T 类型的泛型参数 , 在主构造函数中接收 T 类型的参数 , 在该泛型类中声明了 T 类型的成员属性 ; class Student...---- 泛型函数 中 如果涉及到 匿名函数 参数 , 匿名函数 的 参数返回值 都是泛型 的话 , 在该泛型函数 中可能需要使用多个泛型 , 使用不同的字母表示不同的泛型 ; 如果函数中 引入了新的泛型类型...中 泛型 R 的类型是 Boolean 类型 ; 3.14 true 五、泛型类型约束 ---- 在 泛型类 , 泛型函数 中 , 使用泛型前 , 需要声明 泛型参数 : 泛型类 泛型参数 声明 :...return action(item) } 在 尖括号 中声明 泛型参数 时 , 可以指定 泛型类型 的 约束 , 如 泛型类型 必须是某个类型的子类 ; 在下面的代码中

    5K10

    typescript的泛型_泛型有什么用

    大家好,又见面了,我是你们的朋友全栈君。 泛型 指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定具体类型的一种特性。...,因为规定了number类型,传入的却是字符串11, 当我们输入如下代码,也会报错 报错原因如下 所以如果我们使用了泛型,就会避免类型输入错误或者用错方法 多个泛型参数的函数...泛型类看上去与泛型接口差不多。...泛型约束 如果我们直接对一个泛型参数取 length 属性, 会报错, 因为这个泛型根本就不知道它有这个属性 // 没有泛型约束 function fn (x: T): void { console.log...(x.length) // 报错,因为目前不知道x是什么类型 } 我们可以使用泛型约束来实现 interface Lengthwise { length: number; } // 指定泛型约束

    1.6K30

    C#中的泛型(类型参数的约束)

    首先,来看一个程序,对泛型有一个初步的认识。...因为我们的数组中存储的元素类型是不确定的,所以这里我们用到了泛型,其中where T : strut子句约束参数类型T必须为值类型。当然这个程序我们不使用泛型,直接定义Object类型的数组也可以。...下面重点说说C#中泛型类型参数的约束: 在定义泛型类时,可以对客户端代码能够在实例化类时用于类型参数的类型种类施加限制。 如果客户端代码尝试使用某个约束所不允许的类型来实例化类,则会产生编译时错误。...T: 类型参数必须是指定的接口或实现指定的接口。 可以指定多个接口约束。 约束接口也可以是泛型的。 T:U 为 T 提供的类型参数必须是为 U 提供的参数或派生自为 U 提供的参数。...于是,我想能不能写一个简单的泛型类,其中里面实现对数值类型的加减乘除四则运算,遇到的问题是 :where子句后面的约束怎么写,我查看的数值型的类Int32等等,它们的基类是Object,如果直接定义一个泛型参数

    5.3K60
    领券