typescript学习:泛型接口 + 泛型函数,泛型工厂函数

本文详细介绍了 TypeScript 中的泛型接口、泛型函数以及泛型工厂函数的使用,包括带有参数的泛型工厂函数的最终版本。通过示例展示了如何使用泛型接口和泛型工厂函数创建实例,并探讨了泛型工厂函数的问题及其解决方案。
摘要由CSDN通过智能技术生成

本文内容如下

泛型接口 + 泛型函数,泛型工厂函数

如果你都有了答案,可以忽略本文章,或去TS学习地图寻找更多答案


简单知识

// 类
class CommercialBank {
   
    static count: number
    constructor(public name: string, public money: number) {
    }
}

//双重性质:
1. 当做 类构造函数对象变量 使用
CommercialBank.count

2. 当做 创建类对象的类型 使用
let c = new CommercialBank('农业银行')

工厂函数

// 通用工厂函数类型
type constructorType = new (...arg: any) => any

// 工厂函数
function createInstanceFactory(Constructor: constructorType) {
   
    console.log(Constructor.name)
    return new Constructor('工商银行')
}

let result = createInstanceFactory(CommercialBank)
console.log(result);  //result是any类型,无法读取属性

泛型工厂函数

createInstanceFactory调用时,传递CommercialBank泛型给constructorType,constructorT

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值