首页 最新 热门 推荐

  • 首页
  • 最新
  • 热门
  • 推荐

一种TypeScript类独特的双重继承模式

  • 25-04-24 21:01
  • 4622
  • 13203
juejin.cn

一个独特的双重继承模式,允许开发者以两种不同的方式扩展基类:直接继承和工厂函数方式。

实现方式

ts
代码解读
复制代码
// 定义Module接口 interface IModule { exampleMethod(): number; } // 定义Module构造函数类型 interface ModuleConstructor { new (): IModule; (): typeof Module; prototype: IModule; } // 实现Module类 const Module = (function() { function Module(this: IModule) { if (!new.target) { return Module; } } // 添加原型方法 Module.prototype.exampleMethod = function(this: IModule) { // @ts-ignore console.log('Method from Module',this.id); }; return Module as unknown as ModuleConstructor; })();

1. 类型系统设计

typescript
代码解读
复制代码
interface IModule { exampleMethod(): number; } interface ModuleConstructor { new (): IModule; (): typeof Module; prototype: IModule; }
  • IModule接口定义了模块的基本结构
  • ModuleConstructor接口实现了双重构造函数类型,支持两种实例化方式

2. 双重继承机制

Module类通过闭包和原型链操作实现了双重继承:

typescript
代码解读
复制代码
const Module = (function() { function Module(this: IModule) { if (!new.target) { return Module; } } return Module as unknown as ModuleConstructor; })();
  • 当使用new关键字时,创建普通实例
  • 当作为函数调用时,返回构造函数本身

重点: new.target 元属性允许你检测函数或构造函数是否是通过 new 运算符被调用的。在通过 new 运算符执行的函数或构造函数中,new.target 返回一个指向 new 调用的构造函数或函数的引用。在普通的函数调用中,new.target 的值是 undefined。

使用方式

通过以上方式创建的Module即可以直接继承,也可以工厂方式继承。

1. 直接继承

typescript
代码解读
复制代码
class MyModule extends Module { id = "my" test() { this.exampleMethod() } }

2. 工厂函数方式

typescript
代码解读
复制代码
class AnotherModule extends Module() { id = "another" test() { this.exampleMethod() } }
注:本文转载自juejin.cn的渔夫正在掘金的文章"https://juejin.cn/post/7495723126334341161"。版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。如有侵权,请联系我们删除。
复制链接
复制链接
相关推荐
发表评论
登录后才能发表评论和回复 注册

/ 登录

评论记录:

未查询到任何数据!
回复评论:

分类栏目

后端 (14832) 前端 (14280) 移动开发 (3760) 编程语言 (3851) Java (3904) Python (3298) 人工智能 (10119) AIGC (2810) 大数据 (3499) 数据库 (3945) 数据结构与算法 (3757) 音视频 (2669) 云原生 (3145) 云平台 (2965) 前沿技术 (2993) 开源 (2160) 小程序 (2860) 运维 (2533) 服务器 (2698) 操作系统 (2325) 硬件开发 (2492) 嵌入式 (2955) 微软技术 (2769) 软件工程 (2056) 测试 (2865) 网络空间安全 (2948) 网络与通信 (2797) 用户体验设计 (2592) 学习和成长 (2593) 搜索 (2744) 开发工具 (7108) 游戏 (2829) HarmonyOS (2935) 区块链 (2782) 数学 (3112) 3C硬件 (2759) 资讯 (2909) Android (4709) iOS (1850) 代码人生 (3043) 阅读 (2841)

热门文章

104
前端
关于我们 隐私政策 免责声明 联系我们
Copyright © 2020-2024 蚁人论坛 (iYenn.com) All Rights Reserved.
Scroll to Top