TS 泛型类与类型约束

最新推荐文章于 2024-05-21 23:05:28 发布
最新推荐文章于 2024-05-21 23:05:28 发布
阅读量991 收藏
点赞数 1
分类专栏： typescript入坑 文章标签： 前端 typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wulicaibao/article/details/119613391
版权

泛型类

注意： 不能用于类的静态成员
在这里插入图片描述

报错信息：
在这里插入图片描述
实例化类：
在这里插入图片描述
注意：实例化时可以不指定类型，此时函数调用时可以传入任意的数据类型

泛型约束

举个栗子：
在这里插入图片描述
报错信息：
在这里插入图片描述
泛型约束
在这里插入图片描述
注意：T继承了Length接口，表示T受到了一定约束，传入的参数需要具有le

最低0.47元/天 解锁文章
wuliCaibao
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TypeScript类型--泛型类型--泛型约束
m0_62181310的博客
09-17 2414
泛型（Generics）可以在保证类型安全前提下，让函数等与多种类型一起工作，从而实现复用，常用于：函数、自定义类型、接口等类型中创建一个 id 函数，传入什么数据就返回该数据本身（也就是说，参数和返回值类型相同）// 比如，该函数传入什么数值，就返回什么数值 function id(value : number) : number {比如，id(10) 调用以上函数就会直接返回 10 本身。但是，该函数只接收数值类型，无法用于其他类型。
TS — （2）泛型约束，在约束中使用类型参数以及泛型中使用类类型
sjsjsjsj1010的博客
04-12 1024
泛型约束，在约束中使用类型参数以及泛型中使用类类型
Ts基本类型约束
最新发布
weixin_68854196的博客
05-21 218
记录Ts常见的类型约束
Ts_泛型
LickDog的博客
01-02 820
Ts_泛型 /* * 当我们不确定类型时我们可以像下面那样写，但是这样肯定是不符合我们规范的，因为any会关闭ts的检测功能，这样也不能体现出我们该返回和参数到底是什么类型 * 所以此时情况下泛型就出来了 * */ function fun(a:any):any { return a; } /* * 使用泛型的情况下,这里N就是泛型但是不是非得是N我们可以是其它的就像变量一样 * */ function fun2<N>(a:N):N { return a; } //方式一 直接
Typescript中的泛型，泛型类，泛型接口
yinge0508的博客
02-01 449
//泛型：就是解决类，接口，方法的复用性，以及对非特定数据类型的支持 //T表示泛型，具体什么类型是调用这个方法的时候决定的 function getMsgs<T>(value:T): T { return value; } getMsgs("主题") //泛型类：比如有个最小推算法，需要同时支持返回数字和字符串类型，通过类的泛型来实现 class MinClass<T> { public list: T[] = []; add(num: T) ...
TS 泛型类和泛型接口的好处
qq_43853213的博客
05-26 268
降低代码管理成本，提供统一属性和方法命名 可以从整体上快速通读类的共同方法和属性 新增相同功能时，可以快速搭建类的方法
TypeScript泛型类 - 把类作为参数类型的泛型类.zip
11-05
这时，我们可以使用 `extends` 关键字来设置泛型约束。 ```typescript class MyClassWithProperty<T extends { someProperty: any }> { createInstance(): T { return new this.clazz(); } } class ...
TypeScript中的泛型 泛型变量 泛型类.zip
11-05
TypeScript的泛型系统还支持泛型约束，限制类型参数的范围，以及泛型接口和泛型默认类型等高级用法。在实际开发中，掌握泛型的使用能显著提升代码的可读性和维护性。 总的来说，TypeScript的泛型提供了一种优雅的...
ts typescript.txt
03-13
11 Typeｓｃｒｉｐｔ中的可索引接口 类类型接口 (12分2秒).rar 12 Typeｓｃｒｉｐｔ中接口扩展、接口的继承 (7分19秒).rar 13 Typeｓｃｒｉｐｔ中的泛型 泛型变量 泛型类 (22分54秒).rar 14 Typeｓｃｒｉｐｔ的泛型...
Java泛型机制的程序演示详解
08-27
首先，我们创建了一个 `TreeSet<String>` 对象 `ts`，这里的 `<String>` 就是泛型，它告诉编译器集合中的元素类型为 `String`。这不仅限制了可以添加到集合中的元素类型，还确保在从中获取元素时无需进行类型转换。 ...
TS大全深入浅出深入学习
09-28
泛型允许我们创建可以处理多种类型的函数或类。例如，一个简单的泛型函数，用于交换两个变量的值： ```typescript function swap(a: T, b: T): [T, T] { return [b, a]; } let numPair = swap(1, 2); // [2, 1] ...
form中的rules,一个小的知识点，但是不知道的话也够着急一阵的
weixin_55879414的博客
01-10 1380
我们在使用form的时候，经常会用到非空校验，如果form.xx,那么在rules中，我们只需要写xx然后后面跟属性就行，但是有的是这种格式：form.xx.xx.xx，这样在rules中我们就不能写xx.xx.xx，如果想给它校验，我们把xx.xx.xx变成字符串形式就可以了。（小小知识点，解决大问题） ...
TS中的泛型
热门推荐
weixin_44761091的博客
04-08 4万+
文章目录一、泛型是什么二、使用泛型三、泛型约束 一、泛型是什么 二、使用泛型 三、泛型约束
Vue3+TS+ElementPlus报错集锦
大香蕉的博客
05-18 7518
不能将命名空间“FormInstance”用作类型。 不能将命名空间“FormRules”用作类型。 模块 ""element-plus"" 没有导出的成员 "FormInstance"。你是想改用 "import FormInstance from "element-plus"" 吗? Vue3引入文件爆红且不提示 不能将类型“.......”分配给类型“ComponentProps 类型“undefined”不能作为索引类型使用 模块的默认导出具有或正在使用专用名称“Props”
说说你对Ts的泛型的理解
weixin_47981445的博客
08-01 372
泛型是一种在编程语言中用于增强代码的灵活性和重用性的概念。在TypeScript中，泛型允许我们在编写函数、类或接口时，将类型作为参数进行抽象。这意味着我们可以编写可以适用于各种类型的代码，而不仅仅是一种固定的类型。
angular—[ts]类型“EventEmitter”不是泛型类型
winnieFighting
04-19 423
出现此问题的原因是：版本不兼容导致的引用错误 默认引用：绿色注释的部分 重新引用：绿色代码下边的部分
【TypeScript】TS泛型讲解及其使用
ztK63LrD的博客
12-25 2592
但这样就失去了TS的类型保护，类型不安全，泛型在保证类型安全的同时（不丢失类型信息），可以让函数与多种不同的类型一起工作，灵活可复用。的前提下，让函数等与多种类型一起工作，从而实现复用，常用于：函数、接口、class中。泛型的类型变量可以有多个，并且类型变量之间还可以约束(比如：第二个类型变量受第一个类型变量约束)。，来根据传入的参数自动推断出类型变量的类型。：当编译器无法推断类型或者推断的类型不准确时，就需要显式地传入类型参数。：第二个类型变量传入的属性只能是第一个类型变量中存在的属性。
ts泛型，函数返回类型为对象某个key值的类型
wang-ccnu的博客
04-15 1万+
泛型是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。一直是ts学习中的一个重难点。 具体的学习资料还是看官网吧。这里出一个题目： 写一个函数，接受两个参数，一个为object，另一个为object中的一个key。函数返回类型指定为obj[key]的类型。 interface Person{ name:string, age:number } func...
【Typescript】ts中泛型的使用方法和泛型约束
m0_63779088的博客
08-23 2644
泛型是一种特殊的变量，只用于表示类型而不是值，称之为：类型变量。当我们定义一个变量不确定类型的时候有两种解决方式：1、使用any使用any定义时存在的问题：虽然可以知道传入值的类型但是无法获取函数返回值的类型；使用过多的any失去了ts类型保护的优势，就变成众人口中的anyscript2、使用泛型 泛型指的是在定义函数/接口/类型时，不预先指定具体的类型，具体什么类型是调用这个方法的时候决定的泛型的定义：可以支持不特定的数据类型 要求传入和返回的参数一致通俗理解：泛型就是解决类，接口，方法的。
如何理解TS泛型并掌握
01-13
4. 泛型约束：可以对泛型类型参数进行约束，以限制可用的操作或属性。例如： ```typescript interface Lengthwise { length: number; } function loggingIdentity(arg: T): T { console.log(arg.length); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值