如何为JavaScript类构造函数打猴子补丁？

你当前的补丁没生效，核心原因是：使用new操作符创建实例时，JavaScript直接调用的是BasePrinter这个类函数本身，而非BasePrinter.prototype.constructor。修改原型上的constructor属性，不会影响new操作时的构造调用逻辑。

正确的构造函数补丁方法 #

直接替换原类的构造函数，并维护好原型链，确保实例继承关系不受影响：

// original class in lib
class BasePrinter {
  constructor() {
    console.log("BasePrinter constructor");
  }
}

// patching
function patchBasePrinter() {
  const originalConstructor = BasePrinter;

  // 替换原构造函数
  BasePrinter = function(...args) {
    console.log("Patched constructor logic before");
    // 用new调用原构造函数，保证实例的原型链正确
    const instance = new originalConstructor(...args);
    console.log("Patched constructor logic after");
    return instance;
  };

  // 同步原型链，避免继承问题
  BasePrinter.prototype = originalConstructor.prototype;
  BasePrinter.prototype.constructor = BasePrinter;
}

// Apply the patch
patchBasePrinter();

const printer = new BasePrinter(); 
// 输出：
// Patched constructor logic before
// BasePrinter constructor
// Patched constructor logic after

针对属性变化监听的扩展方案 #

结合你的实际需求（监听任意属性变化），可以在构造函数补丁中为实例添加Proxy代理，捕获属性的修改操作：

function patchBasePrinter() {
  const originalConstructor = BasePrinter;

  BasePrinter = function(...args) {
    console.log("Patched constructor logic before");
    const instance = new originalConstructor(...args);
    
    // 创建Proxy监听属性变更
    const proxiedInstance = new Proxy(instance, {
      set(target, prop, value) {
        // 在这里添加属性变化的自定义逻辑
        console.log(`属性 ${String(prop)} 从 ${target[prop]} 变更为 ${value}`);
        // 执行原属性赋值操作
        target[prop] = value;
        return true;
      }
    });

    console.log("Patched constructor logic after");
    return proxiedInstance;
  };

  BasePrinter.prototype = originalConstructor.prototype;
  BasePrinter.prototype.constructor = BasePrinter;
}

patchBasePrinter();
const printer = new BasePrinter();
printer.name = "Test"; // 输出：属性 name 从 undefined 变更为 Test

这种方式能完美配合系统已有的响应式特性，通过构造函数补丁为所有实例添加属性监听能力。

内容的提问来源于stack exchange，提问作者Tony