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