TS学习之--泛型

最新推荐文章于 2023-08-14 15:29:36 发布
最新推荐文章于 2023-08-14 15:29:36 发布
阅读量277 收藏
点赞数
分类专栏： Typescript的学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49203377/article/details/117659693
版权

1.泛型是指在定义函数，接口或类的时候，不预先指定具体的类型，而是在使用的时候再指定类型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

泛型也可以传入多个值
在这里插入图片描述
泛型就像一个占位符或者变量，使用的时候，可以把定义好的类型像参数一样传入，然后可以原封不变的输出
二、约束泛型
可以用extends关键字约束传入的泛型，告诉它必须有什么属性，可以有更多的属性，只要包含告诉的这个属性就可以
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

下面是一个错误的，数字里面没有length属性，所以报错了
在这里插入图片描述

weixin_49203377
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TS快速入门-泛型
温情
07-06 2096
当我们定义一个变量不确定类型的时候有两种解决方式：使用any 使用定义时存在的问题：虽然知道传入值的类型但是无法获取函数返回值的类型；另外也失去了ts类型保护的优势使用泛型 泛型指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定具体类型的一种特性。定义一个函数，传入两个参数，第一个参数是任何类型的数据，第二个参数是数量函数的作用是根据数量产生对应个数的数据，存放在一个数组中 使用方式类似于函数传参，传什么数据类型，就表示什么数据类型，也可以换成任意合法字符串。一个函数也可以定义多个泛型
TS 泛型的extends属性
qq_43853213的博客
05-24 4323
T extends object 是泛型约束的一种表现。 泛型约束简单点来说就是把泛型的具体化数据类型范围缩小 理解 T extends object： extends表示具体的泛型类型只能是 object 类型， 某个变量如果能断言成 object类型[变量 as object ] ， 那么这个变量的类型符合 T extends object 。 就是说该变量的类型可以是T的具体化类型 限制了泛型的类型，我们传了 number 就会报错 tip: 我们使用了 T extends objec.
【TS】泛型以及多个泛型参数
分享互联网的有趣知识~
11-26 4995
给函数或者属性定义类型的时候，类型是固定的，后续有变动可能不好维护，可以使用泛型，在调用是确定数据类型。
ts 之 定义 泛型（ 泛型的定义、函数中又多个泛型的参数、接口、 类、泛型约束）
weixin_47409897的博客
09-08 1422
ts 之 定义 泛型（ 泛型的定义、函数中又多个泛型的参数、接口、 类、泛型约束）
TypeScript泛型学习
weixin_43392568的博客
08-13 479
最近在跟着黄轶老师学习Vue3.0框架的源码，遇到了难啃的点就是typeScript的泛型反向推论。所以停下脚步找找资料加强学习typeScript的泛型模块。基础部分首先简单创建第一个...
ts-study-prj
04-19
**标题：“ts-study-prj”** ...总的来说，“ts-study-prj”项目是一个学习和实践TypeScript与ts-node结合使用的资源，通过这个项目，开发者可以更好地理解和掌握如何在Node.js环境中无缝使用TypeScript。
ts-rest-server
02-16
"ts-rest-server"可能使用其中之一作为基础，提供路由处理、中间件支持等功能。 4. **中间件**：中间件是Express.js和Fastify中的一个重要概念，它允许开发者在请求/响应周期的不同阶段插入自定义逻辑。例如，可以...
ts-starting-project
02-12
7. **测试**：可能包含测试文件（`.spec.ts`），学习如何使用Jest、Mocha等测试框架编写和运行单元测试。 总之，"ts-starting-project"是一个理想的起点，它让你在实践中学习TypeScript，并理解如何构建一个完整的...
ts-social-network
03-06
在“ts-social-network”中，可能在处理列表（如用户列表、帖子列表）时用到泛型，确保代码的灵活性和类型安全性。 6. **装饰器（Decorators）**：装饰器是用于元编程的特殊声明，可以修改类的行为或属性。例如，...
ts-react-mini
02-17
"ts-react-mini" 是一个基于 TypeScript 和 React 的小型项目模板，专为...通过深入研究"ts-react-mini"项目，开发者可以学习到如何高效地使用TypeScript和React构建现代Web应用程序，以及如何配置和优化项目构建流程。
TS语法三 函数和泛型
LittleMoon_lyy的博客
04-12 1360
一 TS中的函数 TS中的函数主要包括以下几个方面： (1)函数类型 为函数定义类型 完整的函数类型 使用接口定义函数类型 使用类型别名 (2)参数 可选参数 默认参数 剩余参数 (3)重载 1.定义函数类型 //(1)使用类型别名定义函数类型 type Adder = (x:number, y:number) => number let adder:Adder = (arg1:number ,arg2:number) => arg1+arg2 //add2 = (arg1 ,arg
TypeScript基础语法——泛型
Kätzchen-408的博客
04-08 356
TypeScript基础语法泛型泛型泛型函数多个泛型参数的函数泛型接口泛型类泛型约束 泛型 泛型函数 泛型：在定义函数，接口，类的时候不能预先确定要使用的数据类型，而是在使用的时候才能确定数据的类型 需求1：定义一个函数，传入两个参数。第一个是数据，第二个是数量。函数的作用：根据数量产生对应个数的数据，存放在一个数组中 function getArr1(value: number, count: number):number[] { const arr: number[] = []
【TS】＜T＞ 泛型
qq_45677671的博客
09-16 8137
- 泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。 - 设计泛型的关键目的是在成员之间提供有意义的约束，这些成员可以是： 1. 类的实例成员，2. 类的方法，3. 函数参数，4. 函数返回值
7、详细版易学版TypeScript - 泛型详解
EchoLiner的博客
05-11 192
泛型：定义时不确定是什么类型，就先定义为泛型，等到使用时再去确定具体的类型。
Ts基于泛型`＜T＞`的进阶使用
chenweiqiang77的博客
07-18 4993
这里可以注意到我们不得不多次使用类型断言。假若我们一旦检查过类型，就能在之后的每个分支里清楚地知道pet的类型的话就好了。TypeScript里的类型保护机制让它成为了现实。类型保护就是一些表达式，它们会在运行时检查以确保在某个作用域里的类型。要定义一个类型保护，我们只要简单地定义一个函数，它的返回值是一个类型谓词}在这个例子里，就是类型谓词。谓词为这种形式，必须是来自于当前函数签名里的一个参数名。每当使用一些变量调用isFish注意TypeScript不仅知道在if分支里pet是Fish。...
解决TS 不确定传递参数数量时候的类型定义
最新发布
Define_best的博客
08-14 1319
解决TS 不确定传递参数数量时候的类型定义
ts泛型使用举例
weixin_33751566的博客
04-17 3529
官方文档地址：www.typescriptlang.org/docs/handbo… 中文文档：www.tslang.cn/docs/handbo… 使用ts页有一段时间了，对于我这种泥腿子前端来说，一开始就是为了赶个时髦学学ts，对于它对开发有什没特别的好处并不是非常能体会，反而在一开始的时候觉得为什么要搞一个这么麻烦的东西出来，各种编译错误，几度想放弃。其中对于泛型也是不理解，觉得这样约束好像...
《typeScript》 可传入多个参数
weixin_41640571的博客
04-02 4459
typescript的参数放...args标明 参数可以传入任意长度参数 public main(){ this.text(1,2,3,4,5,6); } public text(...args){ values.forEach((arg)=>{console.log(arg)}) } 打印 1 2 3 4 5 6 ...
TS学习笔记：基础知识点、数据类型、语法细节、函数类型、面向对象、泛型编程。
个人在学习 TypeScript（TS）的过程中，掌握了基本知识点，并整理了一份详细的学习笔记。在学习 TS 之前，我首先安装了 TypeScript 相关的环境，然后开始接触这门新的编程语言。 在初次邂逅 TypeScript 时，我学习...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值