TypeScript中的泛型

本文介绍了TypeScript中的泛型概念,通过实例展示了如何使用泛型编写更灵活的代码,避免重复定义多个相同功能但类型不同的函数。泛型允许函数或接口接受不同类型的参数,并在类型检查时保持安全性。文中还探讨了泛型接口和复杂泛型使用的示例。
摘要由CSDN通过智能技术生成

原文链接: https://www.suxuewb.cn/?p=276

泛型的概念

一般的计算机设计语言都有泛型的概念。泛型允许程序员在强类型程序设计语言中编写代码时使用一些以后才指定的类型,在实例化时作为参数指明这些类型。这个“以后”,可以是编译期间,也可以是运行时。

一个例子

有以下功能函数:

function log(data){
   
   console.log(data)
   return data
}

log 函数接收数据,打印并返回该数据。当我们使用TS时,需要指定data参数的类型,函数返回的类型:

function log(data: string): string {
   
	console.log(data)
	return data
}

执行log('1'),会正常输出,但时当你执行log(1)时,系统提示你,log函数应当传入字符串,而不是数字。而我们的这个函数,当然不仅仅想只能够在字符串string下使用。

我们想要的是,传入什么类型数据,就返回什么类型数据。

其他类型

想要在data为number类型下成立,只需定义logNumber

function logNumber(data: number): number {
   
	console.log(data)
	return data
}

难道有多少种类型,我就要写多少个函数声明吗?那不得累死。

危险的做法

上述问题有一种危险做法,之所以是危险,因为它不规范,违背了TS的设计原则:

function logNumber(
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值