TypeScript中的泛型

TypeScript中的泛型


用途:在写ts代码声明变量、函数或类时,往往需要添加属性注解,声明变量或参数的数据类型,但是在实际开发中有些类型往往不确定,或者有多重类型,这种情况可以“泛指”出来,使用泛型解决问题。

在定义函数或是类时,如果遇到类型不明确就可以使用泛型。


使用示例:

function fn<T>(a: T): T {
	return a;
}
// 可以直接调用具有泛型的函数
let result = fn( a: 10); // 不指定泛型,TS 可以自动对类型进行推断
let result2 = fn<string>(a: 'hello'); // 指定泛型
function fn2<T,K>(a: T, b: K):T {
	console.log(b);
	return a;
}
fn2<number, string>(a: 123, b: 'hello');
interface Inter {
	length: number;
}
//T extends Inter 表示泛型T必须是Inter实现类(子类)
function fn3<T extends Inter>(a: T): number{
	return a.length;
}
class MyClass<T> {
	name : T;
	constructor(name: T) {
		this.name = name;
	}
}

const mc = new Myclass<string>(name: '孙悟空');
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值