JavaScript中能否创建仅适用于含特定对象的数组Prototype？

嘿，这个问题挺有意思的！在JavaScript里，直接给Array.prototype加方法的话，所有数组都会继承到，没法直接做到只让包含特定元素的数组生效。不过咱们可以绕个弯子实现类似的效果，给你几个实用的方案：

方案1：自定义继承Array的类，在方法内做校验 #

你可以创建一个继承自Array的自定义类，然后在类的原型方法里先检查数组内容是否符合要求（比如仅包含"bar"），不符合就抛出错误或者不执行逻辑。这样只有用这个类创建的数组才会有这些特殊方法，而且调用时会自动校验。

示例代码：

class BarOnlyArray extends Array {
  // 自定义的特殊方法
  doSpecialAction() {
    // 检查数组是否仅包含"bar"
    const isOnlyBar = this.every(item => item === "bar");
    if (!isOnlyBar) {
      throw new Error("这个方法只能在仅包含'bar'的数组上调用！");
      // 如果你不想报错，也可以直接return：return;
    }
    // 这里写你的特殊逻辑
    console.log("执行专属操作啦！");
    return this.map(item => item.toUpperCase());
  }
}

// 使用示例
const validArr = new BarOnlyArray("bar", "bar");
validArr.doSpecialAction(); // 正常执行，输出["BAR", "BAR"]

const invalidArr = new BarOnlyArray("bar", "foo");
invalidArr.doSpecialAction(); // 抛出错误

方案2：用Proxy代理数组，拦截操作和方法调用 #

如果你想让普通数组也能实现这种“条件生效”的方法，Proxy是个不错的选择。它可以拦截数组的读取、设置操作，确保数组内容符合要求，同时只有在符合条件时才允许调用特殊方法。

示例代码：

function createBarArray(...elements) {
  const baseArr = [...elements];
  // 先检查初始元素是否都是"bar"
  const initialValid = baseArr.every(item => item === "bar");
  if (!initialValid) {
    throw new Error("初始数组必须仅包含'bar'！");
  }

  return new Proxy(baseArr, {
    // 拦截属性/方法读取
    get(target, prop) {
      if (prop === "doSpecialAction") {
        // 调用方法前再次检查当前数组内容
        const currentValid = target.every(item => item === "bar");
        if (!currentValid) {
          return () => { throw new Error("数组现在包含非'bar'元素，无法执行此方法！"); };
        }
        // 返回真正的方法逻辑
        return () => {
          console.log("执行专属操作！");
          return target.map(item => `${item}!!!`);
        };
      }
      // 其他属性和方法正常返回
      return target[prop];
    },
    // 拦截元素设置（比如push、直接赋值）
    set(target, prop, value) {
      // 如果是数组索引位置的赋值，检查是否是"bar"
      if (typeof prop === "number") {
        if (value !== "bar") {
          throw new Error("只能向这个数组添加'bar'元素！");
        }
      }
      target[prop] = value;
      return true;
    }
  });
}

// 使用示例
const myArr = createBarArray("bar", "bar");
myArr.doSpecialAction(); // 正常执行

myArr.push("bar"); // 可以正常添加
myArr.push("foo"); // 抛出错误
myArr[0] = "foo"; // 抛出错误

方案3：给单个数组实例动态添加方法 #

如果你的需求只是针对个别数组，不想用类或Proxy，也可以直接给符合条件的数组实例动态添加方法。这种方式比较灵活，但只能作用于单个实例，不是原型级别的。

示例代码：

function addSpecialMethod(arr) {
  const isOnlyBar = arr.every(item => item === "bar");
  if (isOnlyBar) {
    arr.doSpecialAction = function() {
      console.log("执行专属操作！");
      return this.map(item => item.repeat(2));
    };
  }
  return arr;
}

// 使用示例
const validArr = addSpecialMethod(["bar", "bar"]);
validArr.doSpecialAction(); // 正常执行，输出["barbar", "barbar"]

const invalidArr = addSpecialMethod(["bar", "foo"]);
invalidArr.doSpecialAction; // undefined，调用会报错

总的来说，JavaScript本身没有原生的“条件原型”机制，但通过上面这几种方式，完全可以实现你想要的效果——让特定方法只在*包含"bar"*的数组上生效。你可以根据自己的场景选择最合适的方案~

内容的提问来源于stack exchange，提问作者James Deschênes