函数参数与arguments对象

在JavaScript中，函数参数与arguments对象的关系是理解函数执行机制的关键。它们既相互关联又存在差异，直接影响函数的行为和灵活性。

函数参数的基本特性

函数参数是函数定义时声明的变量，用于接收调用时传入的值。JavaScript的参数传递是按值传递的，但对于对象类型，传递的是引用的副本。

function example(a, b) {
  console.log(a, b); // 输出: 1, 2
}
example(1, 2);

ES6引入了默认参数和剩余参数，增强了参数处理的灵活性：

function withDefaults(a = 10, b = 20) {
  console.log(a + b); // 输出: 30
}
withDefaults();

function withRest(...args) {
  console.log(args); // 输出: [1, 2, 3]
}
withRest(1, 2, 3);

arguments对象的本质

arguments是一个类数组对象，包含函数调用时传入的所有参数，不论是否在形参列表中声明：

function checkArguments(a) {
  console.log(arguments[0]); // 输出: 1
  console.log(arguments[1]); // 输出: 2
}
checkArguments(1, 2);

arguments具有length属性，但不具备数组方法。可以通过以下方式转换为真实数组：

function convertToArray() {
  const arr1 = Array.prototype.slice.call(arguments);
  const arr2 = [...arguments]; // ES6方式
  console.log(arr1, arr2);
}
convertToArray(1, 2);

参数与arguments的联动

在非严格模式下，修改命名参数会同步影响arguments对象，反之亦然：

function linkedParams(a, b) {
  a = 10;
  console.log(arguments[0]); // 输出: 10
  
  arguments[1] = 20;
  console.log(b); // 输出: 20
}
linkedParams(1, 2);

严格模式下这种联动关系被切断：

function strictExample(a) {
  'use strict';
  a = 100;
  console.log(arguments[0]); // 输出: 1
}
strictExample(1);

箭头函数的特殊行为

箭头函数没有自己的arguments对象，但可以访问外围函数的arguments：

const arrowFunction = () => {
  console.log(arguments); // 报错：arguments未定义
};

function wrapper() {
  const arrow = () => {
    console.log(arguments); // 输出外围函数的arguments
  };
  arrow();
}
wrapper(1, 2);

实际应用场景

动态参数处理

arguments常用于处理参数数量不确定的情况：

function dynamicSum() {
  let total = 0;
  for (let i = 0; i < arguments.length; i++) {
    total += arguments[i];
  }
  return total;
}
console.log(dynamicSum(1, 2, 3)); // 输出: 6

参数转发

在函数包装和代理模式中，arguments可以实现参数透传：

function original(a, b) {
  console.log(a + b);
}

function wrapper() {
  original.apply(null, arguments);
}
wrapper(5, 10); // 输出: 15

性能考量

现代JavaScript引擎对arguments的优化有限，在性能敏感场景建议使用剩余参数：

// 更高效的实现
function modernSum(...numbers) {
  return numbers.reduce((acc, val) => acc + val, 0);
}

历史演变与最佳实践

随着ES6的普及，剩余参数逐渐取代了arguments的多数用例。但在旧代码维护或特殊场景下仍需理解其行为：

// 新旧对比
function legacy(a, b) {
  const extra = [].slice.call(arguments, 2);
}

function modern(a, b, ...extra) {}