TS 泛型

server/2024/9/25 6:19:27/

泛型(宽泛的,不确定的类型)

  • 使用场景:定义一个函数或类时,无法确定要使用的具体类型(返回值、参数、属性的类型不能确定)
  • 泛型使用时相当于一个参数
javascript">functiondemo<T>(arg: T): T{return arg;
}
// 泛型T可以看做一个变量
demo<number>(10)
demo<string>('你好')
// 基本类型可以不加泛型
demo(true)
demo(10)
泛型结合接口
javascript">interface Param<A,B> {title: string,state: A,list: B[]
}type ListType = {name:string,age:number}
const p1: Param<boolean,ListType> = {title: '泛型和接口结合使用',state: true,list: [{name:'张三',age:18},{name:'李四',age:16},]
}
泛型继承
javascript">// 泛型的继承(对泛型的约束)
function getLength<T extends { length:number }>(arg: T): number{return arg.length;
}
getLength([1,2,3,'4']) // 4
getLength('nihao') // 5function getLength<T extends string | any[]>(arg: T): number{return arg.length;
}
getLength([1,2,3,'4']) // 4// 当使用T[]时,T表示的是数组参数的元素类型
function getLength<T>(arg: T[]): number{return arg.length;
}
getLength<string | number>(['张三','李四',10]) // 3
类中使用泛型
javascript">// 类中使用泛型
class MyClass<T>{prop: T;constructor(prop: T){this.prop = prop;}
}
// 泛型是一个type
type User = {name:string,age:number}
const user1:User = {name:'张三',age:18}
const c1 = new MyClass<User>( user1 )
// 泛型是基本类型
const c2 = new MyClass<string>('张三')

http://www.ppmy.cn/server/31517.html

相关文章

【华为 ICT HCIA eNSP 习题汇总】——题目集20

1、&#xff08;多选&#xff09;若两个虚拟机能够互相ping通&#xff0c;则通讯过程中会使用&#xff08;&#xff09;。 A、虚拟网卡 B、物理网卡 C、物理交换机 D、分布式虚拟交换机 考点&#xff1a;数据通信 解析&#xff1a;&#xff08;AD&#xff09; 物理网卡是硬件设…

未来科技的前沿:深入探讨人工智能的进展、机器学习技术和未来趋势

文章目录 一、人工智能的定义和概述1. 人工智能的基本概念2. 人工智能的发展历史 二、技术深入&#xff1a;机器学习、深度学习和神经网络1. 机器学习2. 深度学习3. 神经网络 三、人工智能的主要目标和功能1. 自动化和效率提升2. 决策支持和风险管理3. 个性化服务和预测未来 本…

JavaScript中的Object方法、Array方法、String方法

个人主页&#xff1a;学习前端的小z 个人专栏&#xff1a;JavaScript 精粹 本专栏旨在分享记录每日学习的前端知识和学习笔记的归纳总结&#xff0c;欢迎大家在评论区交流讨论&#xff01; 文章目录 &#x1f525;Object方法&#x1f31e;1 Object.is()&#x1f31e;2 Object.…

Windows 系统运维常用命令

目标&#xff1a;通过本文可以快速实现windows 网络问题定位。 ipconfig:查看本机网络配置情况 C:\Users\zzg>ipconfigWindows IP 配置以太网适配器 以太网:媒体状态 . . . . . . . . . . . . : 媒体已断开连接连接特定的 DNS 后缀 . . . . . . . :无线局域网适配器 本地…

Adobe Firefly 3.0 AI 图像生成器来了

Adobe 发布其 Midjourney 和 Dall-E 3 竞争对手Firefly 2.0已经半年了。几天前&#xff0c;他们发布了Firefly 3.0&#xff08;目前处于测试阶段&#xff09;&#xff0c;这是他们最新的文本到图像人工智能工具&#xff0c;其中包含一些非常酷的更新。在我们深入了解细节之前&a…

一键实现在VS Code中绘制流程图

VS Code是一款常用的IDE&#xff0c;受到许多用户的欢迎和喜爱。而其较为出众的一点&#xff0c;就是较好的可拓展性&#xff0c;即丰富的插件应用&#xff0c;这些应用可以极大地提高生产效率&#xff0c;并优化日常使用。 流程图是一种直观的图示方法&#xff0c;可以用简明…

C++---入门基础

一、命名空间 在C/C中&#xff0c;有大量的函数&#xff0c;变量乃至类&#xff0c;这些函数&#xff0c;变量和类的名称都将作用于全局作用域中&#xff0c;这可能会导致命名冲突。针对这个问题&#xff0c;我们就会使用命名空间&#xff0c;命名空间的目的就是对标识符及名称…

P1083 [NOIP2012 提高组] 借教室

题目描述 在大学期间&#xff0c;经常需要租借教室。大到院系举办活动&#xff0c;小到学习小组自习讨论&#xff0c;都需要向学校申请借教室。教室的大小功能不同&#xff0c;借教室人的身份不同&#xff0c;借教室的手续也不一样。 面对海量租借教室的信息&#xff0c;我们…