TypeScript中的泛型

Posted 2021-06-30 冰雪奇缘lb

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: '孙悟空');