【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支持类型推断
相关推荐
南山安2 分钟前
React 学习:useContext——优雅解决跨层级组件通信
javascript·react.js·面试
鹏程十八少16 分钟前
Android 一套代码适配车机/手机横竖屏?看我如何用搞定小米、比亚迪、蔚来、理想、多品牌架构设计
android·前端·面试
持续升级打怪中21 分钟前
从前端到大模型:我的AI转型之路与实战思考
前端·人工智能
LYFlied22 分钟前
【性能优化】图片渲染性能优化全流程方案详解
前端·性能优化
『六哥』24 分钟前
零基础搭建完成完整的前后端分离项目的准备工作
前端·后端·项目开发
沛沛老爹27 分钟前
Web开发者实战AI Agent:基于Dify实现OpenAI Deep Research智能体
前端·人工智能·gpt·agent·rag·web转型
一入程序无退路27 分钟前
vue中序号不能按排序显示
javascript·vue.js·elementui
冬奇Lab28 分钟前
【Cursor进阶实战·01】Figma设计稿一键还原:Cursor + MCP让前端开发提速10倍
android·前端·后端·个人开发·figma
JarvanMo32 分钟前
用 Flutter、SwiftUI 和 Compose 写同一个界面:一份真实开发者的实测报告
前端
可以吧可以吧32 分钟前
前端vue jenkins打包资源增加阿里云oss+cdn加速
前端·vue.js·jenkins