JavaScript：不修改全局原型扩展标准类的可行方案

要实现不复制原数组、共享内存、动态增删扩展方法的需求，同时避开修改内置原型、类扩展产生副本、Object.setPrototypeOf性能差的问题，可以采用Proxy+动态扩展容器的方案，核心思路是用一个轻量包装器代理原数组的访问，将扩展方法挂载到独立的容器中，而非修改原数组的原型链。

核心实现步骤 #

1. 定义一个可动态修改的扩展方法容器，用于存放自定义数组方法。
2. 编写包装函数，返回一个Proxy实例，将原数组的属性/方法访问优先转发到扩展容器，未匹配到的则直接代理到原数组。
3. 通过修改扩展容器，实现动态增删扩展方法的效果。

代码示例 #

// 动态扩展方法容器，可随时增删方法
const arrayExtensions = {};

// 包装函数：返回代理对象，共享原数组内存
function wrapArray(arr) {
  const wrapper = Object.create(arrayExtensions);
  // 隐藏存储原数组的属性，避免被枚举或修改
  Object.defineProperty(wrapper, '_raw', {
    value: arr,
    writable: false,
    enumerable: false
  });

  return new Proxy(wrapper, {
    get(target, prop) {
      // 优先使用扩展容器中的方法
      if (prop in target) {
        return target[prop];
      }
      // 转发到原数组，绑定原数组为this（针对方法）
      const rawValue = target._raw[prop];
      return typeof rawValue === 'function' 
        ? rawValue.bind(target._raw) 
        : rawValue;
    },
    set(target, prop, value) {
      // 直接修改原数组的属性，实现内存共享
      target._raw[prop] = value;
      return true;
    }
  });
}

// 动态添加扩展方法
arrayExtensions.sum = function() {
  return this.reduce((acc, curr) => acc + curr, 0);
};

arrayExtensions.shuffle = function() {
  for (let i = this.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [this[i], this[j]] = [this[j], this[i]];
  }
  return this;
};

// 使用示例
const originalArr = [1, 2, 3, 4];
const wrappedArr = wrapArray(originalArr);

// 调用扩展方法
console.log(wrappedArr.sum()); // 输出 10
// 原数组被直接修改
wrappedArr.shuffle();
console.log(originalArr); // 输出打乱后的原数组（如 [3,1,4,2]）

// 动态移除扩展方法
delete arrayExtensions.sum;
// wrappedArr.sum() 会抛出错误，方法已被移除

方案优势 #

• 无内存复制：所有操作直接作用于原数组，完全共享内存，没有额外的数组副本开销。
• 动态扩展：修改arrayExtensions对象即可实时增删方法，所有已包装的数组实例都会立即生效。
• 性能友好：避免了Object.setPrototypeOf的原型链重排开销，Proxy的性能损耗在绝大多数场景下可忽略。
• 安全隔离：不会修改内置Array.prototype，避免了全局污染和潜在的兼容性问题。

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