Typescript学习Day4(泛型)

概念

//1，软件工程中。我们不仅要创建定义良好且一致的api，同时也要考虑可重用性
//2，组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能
//3，在ts中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据；这样用户就可以以自己的数据类型来使用组件

//泛型变量 T 这里T是个变量 可以用其他代替 li r
//类型变量 ， 他是一种特殊的变量，只用于表示类型而不是值
function getNumber<T>(num:T):T{
	return num
}
let r1 = getNumber<string>(num:'一百万')
let r2 = getNumber<number>(num:100)
//扩充
function getNum <T>(num:T[]):T[]{
	console.log(num.length)
	return num
}
getNum([1,2])

泛型类

//泛型类使用('<>')括起泛型类型，跟在类名后面
//类有两部分：静态部分和实例部分
//泛型类指的是实例部分的类型，所以类的静态属性不能使用这个泛型类型
class add <T> {
	zeroValue:T
	add:(x:T,y:T) => T
}
let a = new Add<number>()
a.zeroValue = 100
a.add(12,88)

泛型约束

//有时候我们想去操作某类型的一组值，并且我们知道这组值是什么样的属性，这是 我们可以定义一个接口来描述约束条件

//创建一个包含'length'属性的接口
interface LengthWise{
	length:number
}
function getNum<T extends LengthWise>(num:T):T{
	console.log(num.length)
	return num
}
getNum(num:'100')
getNum(num:{value:10,length:20})

在泛型约束中使用类型参数

//我们可以声明一个类型参数，且它被另一个类型参数所约束
//比如，我们想要用属性名从对象里获取这个属性，并且我们想要确保这个属性存在与对象obj上，因此我们需要在这两个类型之间使用约束

//keyof是索引类型查询操作符
//keyof t
function getProperty<T,K extends keyof T>(obj:T,key:K){
	return obj[key]
}
let person = {name:'nineone',age:22,sex:'男'}
getProperty(person,key:'name')
getProperty(person,key:'age')
getProperty(person,key:'sex')