ts 泛型 泛型约束 typeof keyof

/泛型

 //两个函数只是定义类型不一样,功能一样,可优化
 function  num(a:number,b:number):Array<number>{
     return [a,b]
 }

 num(2,5)

 function str(a:string,b:string):Array<string>{
     return [a,b]
 }

 str('今天','周二')



 //泛型优化

 function Add<T>(a:T,b:T):Array<T>{
     return [a,b]
 }
Add<number>(1,2)
Add<string>('1','2')

//同时也可以使用参数类型不同

function Addy<T,Y>(a:T,b:Y):Array<T | Y>{
    return [a,b]
}
Addy<number,string>(1,'2')

type A<T> = string | number | T

let A:A<null> = null
let AB:A<string> = '1'




//定义泛型接口
interface smile<T>{
    msg:T
}

let data:smile<number> = {
    msg:1
}

//泛型约束

function AddN<T extends number>(a:T,b:T) {
    return a + b
}

AddN(2,6)


interface  Student{
    name:String,
    age:Number,
    class:Number
}




type Options <T extends Object> = {
     [key in keyof T ]? : T[key]
}

type AD = Options<Student>


// keyof : 获取对象的key组成的联合类型

//typeof是 根据已有的值 来获取值的类型

const a ={name:"张三",age:18}
type keyofa =keyof typeof a

TypeScript 的泛型可以让我们编写可重用的代码组件,这些组件可以支持多种类型。泛型是 TypeScript 的一个强大特性,它可以在函数、类、接口中使用。 泛型的基本语法是在函数名或类名后加上 "<T>"(T可以是任何标识符),这个T表示类型变量,它可以代表任意类型。例如: ```typescript function identity<T>(arg: T): T { return arg; } let output = identity<string>("hello world"); console.log(output); // 输出 hello world ``` 在上面的例子中,我们定义了一个名为 identity 的函数,它接收一个参数 arg,并返回该参数。在函数名后面加上了 "<T>",这样我们就可以在函数中使用类型变量 T,代表任意类型。 调用 identity 函数时,我们可以明确指定 T 的类型,例如:identity<string>("hello world"),这表示 T 的类型是 string。也可以不指定 T 的类型,TypeScript 会根据传入的参数自动推断出 T 的类型,例如:identity("hello world"),TypeScript 会自动将 T 推断为 string。 泛型还可以用于类和接口中,例如: ```typescript interface GenericIdentityFn { <T>(arg: T): T; } class Identity<T> { private value: T; constructor(value: T) { this.value = value; } getValue(): T { return this.value; } } let myIdentityFn: GenericIdentityFn = identity; let myIdentity = new Identity<string>("hello"); console.log(myIdentity.getValue()); // 输出 hello ``` 在上面的例子中,我们定义了一个名为 GenericIdentityFn 的接口,它定义了一个泛型函数。我们还定义了一个名为 Identity 的类,该类接收一个类型参数 T,并存储一个类型为 T 的值。 通过泛型,我们可以编写可重用的代码组件,它可以支持多种类型,提高代码的复用性和灵活性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值