【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支持类型推断
相关推荐
yqcoder4 分钟前
闭包是什么?优缺点、怎么防内存泄漏?
前端·http
riuphan9 分钟前
JavaScript 中的 this 关键字
javascript
掰头战士13 分钟前
五分钟带你深入了解 this
javascript
lichenyang45315 分钟前
鸿蒙 ArkUI 组件基础复盘:从两个 UI 卡片回到 ComponentV2、状态管理和组件分层
前端
biubiubiu_LYQ19 分钟前
萌新小白基础理解篇之 this 关键字
前端·javascript
甜味弥漫19 分钟前
深度解析 JS 中的 this 指向:从底层逻辑到实战规则
javascript·面试
光影少年37 分钟前
Redux 中间件作用(redux-thunk/redux-saga)
前端·react.js·掘金·金石计划
爱上好庆祝39 分钟前
学习JS第十一天(JS的进阶)
前端·javascript·学习
喵个咪1 小时前
统一范式:中后台Admin项目标准化API分层开发方案(Vue/React通用)
前端·vue.js·react.js
UaoN1 小时前
Vibe Coding 时代,为什么 Tailwind + Shadcn/ui 正在成为现代前端的默认答案
react.js·typescript