位置: IT常识 - 正文

TS中的泛型(泛型 static)

编辑:rootadmin
TS中的泛型 文章目录一、泛型是什么?有什么作用二、泛型用法2.1 在函数中使用泛型2.2 在接口中使用泛型2.3 在类中使用泛型三、泛型约束3.1使用接口约束泛型3.2 数组泛型四、泛型工具类型4.1 Partial4.2 Record4.3 Pick4.4 Exclude4.5 ReturnType一、泛型是什么?有什么作用

推荐整理分享TS中的泛型(泛型 static),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:t 泛型,t 泛型,ts泛型传入多个参数,mapstruct 泛型,ts泛型传入多个参数,ts中的泛型作用,t 泛型,ts泛型传入多个参数,内容如对您有帮助,希望把文章链接给更多的朋友!

当我们定义一个变量不确定类型的时候有两种解决方式:

使用any 使用any定义时存在的问题:虽然 以 知道传入值的类型但是无法获取函数返回值的类型;另外也失去了ts类型保护的优势使用泛型 泛型指的是在定义函数/接口/类型时,不预先指定具体的类型,而是在使用的时候在指定类型限制的一种特性。二、泛型用法2.1 在函数中使用泛型function test <T> (arg:T):T{ console.log(arg); return arg;}test<number>(111);// 返回值是number类型的 111test<string | boolean>('hahaha')//返回值是string类型的 hahahatest<string | boolean>(true);//返回值是布尔类型的 true

使用方式类似于函数传参,传什么数据类型,T就表示什么数据类型, 使用表示,T也可以换成任意字符串。

2.2 在接口中使用泛型// 注意,这里写法是定义的方法哦interface Search { <T,Y>(name:T,age:Y):T}let fn:Search = function <T, Y>(name: T, id:Y):T { console.log(name, id) return name;}fn('li',11);//编译器会自动识别传入的参数,将传入的参数的类型认为是泛型指定的类型2.3 在类中使用泛型class Animal<T> { name:T; constructor(name: T){ this.name = name; } action<T>(say:T) { console.log(say) }}let cat = new Animal('cat');cat.action('mimi')三、泛型约束3.1使用接口约束泛型interface Person { name:string; age:number;}function student<T extends Person>(arg:T):T { return arg;}student({name:'lili'});//类型 "{ name: string; }" 中缺少属性 "age",但类型 "Person" 中需要该属性student({ name: "lili" , age:'11'});//不能将类型“string”分配给类型“number”student({ name: "lili" , age:11});3.2 数组泛型TS中的泛型(泛型 static)

let arr:Array<number> =[1,2,3] === let arr:number[]=[1,2,3]

四、泛型工具类型4.1 Partial

partial<T>的作用就是将某个类型中的属性全部变为可选项? 示例:

interface Person { name:string; age:number;}function student<T extends Person>(arg: Partial<T>):Partial<T> { return arg;}4.2 Record

Record<K extends keyof any, T>的作用是将K中所有的属性转换为T类型;示例:

interface PageInfo { title: string}type Page = 'home'|'about'|'other';const x: Record<Page, PageInfo> = { home: { title: "xxx" }, about: { title: "aaa" }, other: { title: "ccc" },};4.3 Pick

Pick<T, K extends keyof T>的作用是将某个类型中的子属性挑出来,变成包含这个类型部分属性的子类型,示例:

interface Todo { title:string, desc:string, time:string}type TodoPreview = Pick<Todo, 'title'|'time'>;const todo: TodoPreview ={ title:'吃饭', time:'明天'}4.4 Exclude

Exclude<T,U>的作用是将某个类型中属于另一个类型的属性移除掉,示例:

type T0 = Exclude<"a" | "b" | "c", "a">; // "b" | "c"const t:T0 ='b';4.5 ReturnType

returnType<T>的作用是用于获取函数T的返回类型,示例:

type T0 = ReturnType<() => string>; // stringtype T1 = ReturnType<(s: string) => void>; // voidtype T2 = ReturnType<<T>() => T>; // {}type T3 = ReturnType<<T extends U, U extends number[]>() => T>; // number[]type T4 = ReturnType<any>; // anytype T5 = ReturnType<never>; // anytype T6 = ReturnType<string>; // Errortype T7 = ReturnType<Function>; // Error

暂时先了解这么多,后续继续补充…

本文链接地址:https://www.jiuchutong.com/zhishi/298333.html 转载请保留说明!

上一篇:作为大学生,你还不会搭建chatGPT微应用吗?(作为大学生你能为国家安全贡献哪些力量论文)

下一篇:权重衰减/权重衰退——weight_decay(权重下降是什么原因)

  • 如何理解递延所得税费用的计算公式
  • 小规模应税行为扣除额如何填
  • 税收的自动稳定性主要表现在什么制度
  • 企业之间无偿借款
  • 企业资产减值准备
  • 贷款利息收入要减去支付利息支出吗
  • 劳动仲裁经济补偿金的事实和理由
  • 即征即退增值税需要缴纳所得税吗
  • 实收资本印花税属于什么税目
  • 清包工程增值税税率
  • 专票和普票的税率哪个高
  • 交易性金融资产和长期股权投资的区别
  • 因为担保被起诉怎么办
  • 发票打错了重新打要交税吗
  • 试运营收入账务处理
  • windows10如何开机启动软件
  • mac与iphone联动
  • 跨月的红字发票
  • 个体户能给自己交五险吗
  • 施工成本科目
  • caxa电子图板2007教程
  • 华为鸿蒙一键抠图
  • 滴滴代驾报酬
  • win8.1技巧
  • mac中的finder简介命令
  • 银行对公账户收款码手续费多少
  • nmstt.exe - nmstt是什么进程 有什么用
  • 纳税人解除劳动合同证明
  • 房地产企业增值税怎么计算
  • 肚子胀气怎么办 4个方法快速排气很轻松
  • smart图形怎么单独设置动画
  • 最早的手机是哪一年
  • 固定资产的预计使用寿命和净残值发生变更
  • 工伤报销入账
  • php文件包含目录文件吗
  • 对公贷款利息支付
  • javaweb知识点汇总
  • 闭包 python
  • 关于商业承兑汇票的多选题有哪些
  • vue中computed作用
  • phpcms默认密码
  • 增值税政策执行口径存在的问题及建议
  • 先开发票还是先收钱
  • 医疗机构收据
  • 纳税申报的流程如何?面试怎么说
  • mysql设置uuid
  • 计入存货成本的税费
  • 视同销售的情况是?
  • 账务处理的种类有哪些
  • 信息科技领域的违法犯罪行为
  • 资本公积形成的原因有哪些
  • 个体工商户营业执照申请流程
  • 工会经费按什么比例返还
  • 购进商品售价金额核算
  • 现金流量表和利润表的勾稽关系
  • 公司怎么才算正常经营
  • 总分类账建账顺序
  • jdbc连接mysql数据库步骤
  • sqlserver bulkcopy
  • 苹果手机价格
  • 系统盘如何重装
  • win10正版系统禁止设置密码
  • ubuntu装eclipse
  • linux文件系统inode
  • linux命令统计代码行数
  • centos6.5配置静态ip地址
  • 如何解决windows激活问题
  • win8.1如何设置
  • 如果打招呼了不理是什么原因
  • 微软平板
  • linux系统安装软件教程
  • android 自定义drawable
  • Android游戏开发读后感
  • nodejsapi
  • jquery html5 视频播放控制代码
  • js闭包实现
  • 陕西省国家税务局刘峰
  • 商业保险扣除限额企业所得税
  • 江苏钢厂排名前十
  • 社保怎么退款申请在手机上
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设