装饰器模式核心是“包对象”而非“改对象”,通过包装注入新逻辑而不破坏原有接口契约: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 方法,否则可能漏掉增强逻辑产生的临时状态










