为何省略参数时修改函数arguments数组的方法失效？

这个坑我之前踩过！你的代码逻辑本身没问题，但忽略了JS里arguments对象的特性——它是对实际传入参数的实时映射，不是函数形参的副本。当你调用func(a,b)时，arguments里只有两个元素，形参d只是当前函数作用域里的一个变量，你给它赋值并不会自动同步到arguments里，所以最后传给原函数的依然是原来的两个参数，d自然还是undefined。

核心原因拆解 #

举个简单例子就能看明白：

function test(a,b,c,d) {
  console.log(arguments.length); // 调用test(1,2)时，输出2
  d = 100;
  console.log(arguments[3]); // 依然是undefined，因为arguments只记录实际传入的参数
}
test(1,2);

你修改的只是函数内部的d变量，和arguments里的内容完全无关，原函数拿到的参数自然没变化。

解决方案1：手动修正参数数组 #

直接构建新的参数数组，把修改后的d放到对应位置，再传给原函数：

var orig_func = func; // 初始为function(a,b,c,d)
func = function(a,b,c,d) {
    // 处理参数：即使d是undefined，也用someCustomization生成目标值
    const updatedD = someCustomization(c, d);
    // 复制arguments并替换第四个参数（索引为3）
    const newArgs = Array.from(arguments);
    newArgs[3] = updatedD;
    
    // 执行额外操作
    doSomethingCustom(a);
    // 用修正后的参数调用原函数
    return orig_func.apply(this, newArgs);
}

这样不管你传2个、3个还是4个参数，newArgs里的第四个位置都会是你修改后的updatedD，原函数就能拿到正确的值了。

解决方案2：用ES6剩余参数更简洁 #

如果环境支持ES6，用剩余参数...args来处理会更直观，彻底避免形参和arguments的混淆：

const orig_func = func;
func = function(...args) {
    // 解构参数，方便单独处理每个值
    let [a, b, c, d] = args;
    // 修改d的值
    d = someCustomization(c, d);
    // 更新参数数组里的对应位置
    args[3] = d;
    
    doSomethingCustom(a);
    return orig_func.apply(this, args);
}

剩余参数args是一个真正的数组，修改它的元素会直接反映到后续的调用中，逻辑更清晰易懂。

额外注意事项 #

• 确保someCustomization函数能处理c或d为undefined的情况，比如提前给默认值：

  function someCustomization(c, d) {
    c = c ?? defaultValueC;
    d = d ?? defaultValueD;
    // 你的自定义逻辑
    return modifiedD;
  }
  

• 如果原函数本身有参数默认值（比如function func(a,b,c=0,d=1)），你可能需要先获取原函数的默认参数再结合修改逻辑，但大部分场景下上面的方案已经足够覆盖需求。

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