【TypeScript】 泛型(Generics)

泛型可以理解为宽泛的类型,通常用于类和函数 ,参数和返回值类型不确定的情况。增加代码的灵活性和复用性。

功能:若一个函数是比较通用的函数,如下面的函数,如果想让他处理一组字符串、布尔类型、数值类型,则可以使用泛型。

TypeScript 复制代码
function myFn(a:number, b:numer):number[]{
    return [a, b]
}

想用该函数myFn传其他类型的值,但是这里限定了Number,为了避免number|string这种交叉使用,所以用泛型。

对函数定义泛型,即在函数名后、参数前写一个T,为泛型变量(T也可以为其他字母)

TypeScript 复制代码
function myFn<T>(a:T, b:T):T[]{
    return [a, b]
}
myFn<number>(1,3)
myFn('a','b')//ts支持类型推断
相关推荐
aichitang202413 分钟前
HTML 实时预览工具
前端·html
广州智维科技13 分钟前
Kvaser Edge WL400S:工业级边缘计算与 CAN‑FD 数据采集平台解析73-30130-01688-0
前端·edge·边缘计算
吃好睡好便好32 分钟前
在Matlab中用sphere( )函数绘制球面图
开发语言·前端·javascript·学习·算法·matlab·信息可视化
黑贝是条狗33 分钟前
注册表破解chrome,edge阻止浏览器连接本地websocket
前端·javascript·数据库
UXbot36 分钟前
AI 原型工具对比(2026):从文字描述到完整 App 界面的 5 款主流平台评测
android·前端·ios·交互·软件构建
ZC跨境爬虫39 分钟前
跟着 MDN 学 HTML day_53:(深入理解 XPathResult 接口)
前端·javascript·ui·html·音视频
摸鱼仙人~41 分钟前
html-anything 仓库全面介绍
前端·html
之歆44 分钟前
DAY_24JavaScript 面向对象深度全解:Object、构造函数与 this 系统指南(上)
开发语言·前端·javascript·原型模式
梦梦代码精1 小时前
开源智能体平台 BuildingAI 深度解析:Monorepo 架构、MCP 集成及 GPT-Image-2 接入实测
前端·人工智能·后端·gpt·开源·github
Asurplus1 小时前
【VUE】17、使用JSEncrypt对数据加解密
javascript·vue.js·jsencrypt·rsa