装饰器模式实战:动态增强对象行为不破坏原有结构
时间:2026-05-12 23:27:52 284浏览 收藏
装饰器模式的本质在于“包装而非修改”——它让你在不触碰原始对象结构、不破坏已有接口契约的前提下,动态注入日志、缓存、重试、拦截等新行为;无论是用JS高阶函数轻量增强单个函数、Proxy透明拦截整个对象访问,还是借鉴Java/C++构建可组合的强类型装饰链,核心都始终如一:保持调用方式零感知、类型安全无侵入、职责清晰可复用;但要真正落地,还需警惕内存泄漏、顺序错乱、属性枚举异常和序列化陷阱等实战暗礁。

直接用装饰器模式增强对象行为,关键不是“改对象”,而是“包对象”——在不碰原始类定义、不重写属性、不破坏已有调用方式的前提下,通过包装注入新逻辑。核心是保持接口契约不变,所有增强都发生在方法调用的前后或中间。
用高阶函数实现轻量级装饰(JS 场景)
适合函数式风格、无需类体系的场景,比如给一个计算函数加缓存或日志:
- 写一个通用装饰器函数,接收原函数和增强逻辑,返回新函数
- 新函数内部调用原函数,并插入前置/后置操作,如 console.time、try/catch 包裹、参数校验
- 原变量仍指向同一函数名,但实际执行的是被包装后的行为,结构完全无感
例如:const loggedAdd = withLog((a, b) => a + b); loggedAdd(2, 3) 会先打印日志再返回 5,而变量名、参数列表、返回值类型全都不变。
用 Proxy 实现透明属性增强(JS 对象场景)
当需要增强整个对象(比如给 API 客户端加统一错误重试、请求拦截),Proxy 是最贴近“不改结构”的方案:
- 创建一个 handler,对 get、apply 或 set 拦截做定制处理
- 对方法调用自动注入重试逻辑;对属性读取自动触发懒加载;对赋值自动做深克隆保护
- 被代理的对象本身没被修改,所有访问仍走原路径,只是中间多了一层可控拦截
注意:Proxy 返回的是新对象,所以需确保引用替换到位,但旧代码中所有属性访问、方法调用语法保持原样。
按 Java/C++ 风格实现可组合装饰链
适用于强类型、需复用与解耦的工程场景,重点在于分层抽象:
- 定义统一接口(如 Processor),所有组件和装饰器都实现它
- 具体组件(FileProcessor)只做核心事;每个装饰器(LoggingProcessor、RetryProcessor)只专注单一职责
- 组装时用 new RetryProcessor(new LoggingProcessor(new FileProcessor())),调用链自动串联,任意环节可增删
原有变量类型仍是 Processor,下游代码完全感知不到内部是否被装饰,结构完整性由接口契约保障。
避免踩坑的关键细节
装饰器不是万能胶,实战中容易忽略这些点:
- 装饰器自身不能持有被装饰对象的强引用循环,否则引发内存泄漏(尤其在长期运行服务中)
- 多个装饰器叠加时,明确调用顺序(如日志应在重试外层,否则失败重试过程不会被记录)
- 若原对象有私有字段或不可枚举属性,Proxy 的 ownKeys 和 getOwnPropertyDescriptor 需同步处理,否则 for...in 或 Object.keys() 行为会异常
- 装饰器返回的新对象若需 JSON 序列化,要重写 toJSON 方法,否则可能漏掉增强逻辑产生的临时状态
终于介绍完啦!小伙伴们,这篇关于《装饰器模式实战:动态增强对象行为不破坏原有结构》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识,快来关注吧!
相关阅读
更多>
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
最新阅读
更多>
-
146 收藏
-
228 收藏
-
390 收藏
-
236 收藏
-
284 收藏
-
167 收藏
-
149 收藏
-
326 收藏
-
107 收藏
-
131 收藏
-
274 收藏
-
462 收藏
课程推荐
更多>
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习