JavaScript arguments对象详解：从基础用法到常见陷阱

什么是arguments对象

arguments是JavaScript函数体内的一个特殊属性，用于引用调用该函数时传递的实际参数列表。虽然它看起来像数组，拥有length属性和通过索引访问元素的能力，但它本质上不是Array实例，因此不能使用slice、push等数组原型方法。

arguments的长度由传入的实际参数个数决定，而非函数定义的形参个数。如果传入的参数多于形参，多余部分会被忽略；若少于形参，未传入的形参值为undefined。由于JS不会自动验证参数数量，利用arguments.length可以手动检查调用是否正确。

function f(x,y,z){
 //检查参数数量
 if(arguments.length != 3){
  throw new Error("function f called with " + arguments.length + " arguments");
 }
 //执行逻辑
}

创建可变参数列表函数

借助arguments，我们可以轻松构建接收任意数量参数的函数。例如计算多个数值的总和：

function display(){
 var sum=0;
 for(var i=0; i

参数同步性说明：

在非严格模式下，命名形参与arguments对象的对应索引存在双向绑定关系。修改其中一个会影响另一个：

function f(a, b, c){
 alert(arguments.length); // "2"
 a = 100;
 alert(arguments[0]);     // "100" (同步)
 arguments[0] = "modified";
 alert(a);                // "modified" (同步)
 alert(c);                // "undefined"
 c = 2012;
 alert(arguments[2]);     // "undefined" (因为没传第三个参数，不共享)
}

f(1, 2);

严格模式与arguments的差异

在ES5的 strict mode（严格模式）中，为了优化性能和消除歧义，形参与arguments之间的这种脆弱联系被切断。此时修改形参不会改变arguments，反之亦然。

function strict(x) {
 "use strict";
 arguments[0] = "modified";
 return x === arguments[0]; // false
}
function nonstrict(x) {
 arguments[0] = "modified";
 return x === arguments[0]; // true
}

strict("unmodified"); // 返回 false
nonstrict("unmodified"); // 返回 true

由于行为不一致，最佳实践是不要修改arguments对象本身。如果需要修改，建议先将其转换为真正的数组：

// 将arguments转换为真数组
var args = Array.prototype.slice.call(arguments);

嵌套函数中的arguments陷阱

在定义内部函数时，直接使用arguments往往会导致引用错误，因为内部的arguments指向的是内层函数自己的参数，而非外层函数的参数。

错误示例：

function values() { 
 var i = 0, n = arguments.length; 
 return { 
  next: function() { 
   if (i >= n) throw new Error("end");
   return arguments[i++]; // 这里引用了next()的arguments，即空对象
  } 
 }; 
}

修正方法：

使用局部变量保存外层arguments的引用，利用闭包特性在内层函数中访问：

function values() { 
 var i = 0, n = arguments.length, a = arguments; // 保存引用
 return { 
  hasNext: function() { return i < n; }, 
  next: function() { 
   if (i >= n) throw new Error("end of iteration");
   return a[i++]; // 使用保存的引用
  } 
 }; 
}

var it = values(1, 4, 1, 4, 2);
console.log(it.next()); // 1
console.log(it.next()); // 4

arguments.callee与递归

arguments.callee 属性指向当前正在执行的函数。这在匿名函数需要递归调用自身时非常有用，可以避免依赖函数名。

// 使用 arguments.callee 实现阶乘递归
var result = function(x){
 if(x <= 1) return 1;
 return x * arguments.callee(x - 1);
};

console.log(result(5)); // 120

注意：在严格模式下，arguments.callee 被禁止使用，推荐使用具名函数表达式或箭头函数替代。

caller vs arguments

不要混淆 arguments 和 caller：

• arguments：当前函数接收到的实参列表。
• functionName.caller：调用当前函数的父级函数引用。若由顶层调用，则为null。

function callerDemo() {
 if (callerDemo.caller) {
  var a = callerDemo.caller.toString();
  console.log("Called by: " + a);
 } else {
  console.log("Top level call");
 }
}

function handleCaller() {
 callerDemo();
}
handleCaller(); // 输出被handleCaller调用的信息

最后提醒：arguments 是JavaScript的关键字之一，尽量避免将其用作自定义变量名。

以上就是针对javascript的arguments对象的相关介绍，更多关于javascript基础知识及进阶技巧的资料请关注本站其它相关文章！