如何利用原型链实现基于装饰器模式的功能增强？-js教程-PHP中文网

原型链实现装饰器模式本质是动态修改对象方法，在不改动原始构造函数前提下叠加新行为；通过缓存原方法、重写目标方法并插入增强逻辑，支持日志、校验等；推荐仅装饰单个实例以避免污染，复杂场景宜用组合式。

如何利用原型链实现基于装饰器模式的功能增强？

原型链实现装饰器模式，本质是通过修改对象的原型或直接覆盖实例方法，在不改动原始构造函数的前提下，动态叠加新行为。它轻量、无需接口抽象，特别适合 JavaScript 的动态特性，但要注意避免污染原对象和调用顺序混乱。

核心思路：用“旧方法引用 + 新逻辑”重写目标方法

关键不是新建类，而是让对象的方法在执行时先调用原有逻辑，再插入增强代码。常见做法是缓存原始方法，然后重新赋值：

获取原方法引用（如 const original = obj.method）
用新函数覆盖 obj.method，内部先调用 original.call(this, ...args)
在前后自由插入日志、校验、重试等逻辑

典型写法：手写装饰函数封装复用

把装饰逻辑抽成高阶函数，提升可读性和复用性。例如日志装饰器：

行者AI

一款面向AI绘画创作的视觉生成工具，帮助用户根据创意描述制作图片和艺术作品，用于灵感探索和内容创作。

下载

function withLog(fn) {
  return function(...args) {
    console.log(`[LOG] ${fn.name} called with`, args);
    const result = fn.apply(this, args);
    console.log(`[LOG] ${fn.name} returned`, result);
    return result;
  };
}

// 应用到对象方法
const player = { fire() { console.log('punch!'); } };
player.fire = withLog(player.fire);
player.fire(); // 输出日志 + punch!