如何利用原型方法的劫持（如数组 push）实现对旧库行为的定制化修改-js教程-PHP中文网

原型方法劫持是通过重写构造函数prototype上的方法（如Array.prototype.push）来拦截增强行为的技术，需缓存原方法、正确绑定this并返回原结果，适用于兼容补丁与监控，但有全局副作用风险。

如何利用原型方法的劫持（如数组 push）实现对旧库行为的定制化修改

原型方法劫持（Prototype Method Hijacking）是一种在不修改源码的前提下，通过重写内置对象（如 Array.prototype.push）或第三方库构造函数的原型方法，来拦截、增强或替换其原始行为的技术。它常用于旧库兼容、埋点监控、日志追踪、行为补丁等场景。但需谨慎使用——它直接影响全局行为，易引发副作用。

理解劫持的本质：替换 prototype 上的方法引用

JavaScript 中，实例方法（如数组的 push）实际定义在构造函数的 prototype 对象上。所有实例共享该方法。劫持就是把原方法保存下来，再用自定义函数覆盖它：

const originalPush = Array.prototype.push;
Array.prototype.push = function(...args) {
  console.log('push 被调用了，参数：', args);
  // 可选择调用原逻辑、修改参数、跳过执行、或后置处理
  return originalPush.apply(this, args);
};

关键点：

必须先缓存原方法，否则递归调用会爆栈
用 apply 或 call 保证 this 指向正确（即当前数组实例）
返回原方法的返回值（如 push 返回新长度），避免破坏接口契约

针对旧库的定制化改造：以 jQuery 1.x 的 `$.fn.each` 为例

某些老版本 jQuery 的 each 在遍历空集合时不触发回调，而业务需要统一兜底逻辑。可劫持其原型方法：

const originalEach = $.fn.each;
$.fn.each = function(callback) {
  // 补充空集合判断：若 this.length === 0，主动调用一次 callback(null, undefined)
  if (this.length === 0 && typeof callback === 'function') {
    callback.call(this, -1, undefined); // 模拟“第 -1 次”调用
  }
  return originalEach.call(this, callback);
};

这样所有后续 $('xxx').each(...) 都自动获得空集合处理能力，无需逐处改业务代码。