理解javascript arguments对象和函数形参

viajavascript arguments对象主要是在javascript的function这一节中学习。

三：argument对象

实际上，函数体内可以通过argument对象来接收传递进来的参数。

function box(){
return arguments[0] + '|'+arguments[1]; //得到每次参数的值
}

alert(box('caibaojian',24));

arguments对象的length属性可以得到参数的数量。

function box(){
return arguments.length; 
}

alert(box(1,2,3,4,5)); 5

今天主要是要说说使用过程的一点注意，通过一个例子来说明arguments对象访问函数的参数的时候和行参定义参数的时候有什么区别

//code from http://caibaojian.com/js-arguments.html
function func(a,b){
b=30;
arguments[0] = arguments[1]
return a;
}
function(1,2); 30
function(1); undefined //由于函数内arguments形参改变了，a=arguments[1]，arguments[1]未定义，所以a最后输出undefined

原文链接：http://caibaojian.com/js-arguments.html

via检测参数个数原文来自：http://caibaojian.com/js-arguments.html

还可以用 arguments 对象检测函数的参数个数，引用属性 arguments.length 即可。

下面的代码将输出每次调用函数使用的参数个数：

function howManyArgs() {
  alert(arguments.length);
}

howManyArgs("string", 45);
howManyArgs();
howManyArgs(12);

via上面这段代码将依次显示 "2"、"0" 和 "1"。

注释：与其他程序设计语言不同，ECMAScript 不会验证传递给函数的参数个数是否等于函数定义的参数个数。开发者定义的函数都可以接受任意个数的参数（根据 Netscape 的文档，最多可接受 255 个），而不会引发任何错误。任何遗漏的参数都会以 undefined 传递给函数，多余的函数将忽略。

模拟函数重载

用 arguments 对象判断传递给函数的参数个数，即可模拟函数重载：

function doAdd() {
  if(arguments.length == 1) {
    alert(arguments[0] + 5);
  } else if(arguments.length == 2) {
    alert(arguments[0] + arguments[1]);
  }
}

doAdd(10);	//输出 "15"
doAdd(40, 20);	//输出 "60"

via当只有一个参数时，doAdd() 函数给参数加 5。如果有两个参数，则会把两个参数相加，返回它们的和。所以，doAdd(10) 输出的是 "15"，而 doAdd(40, 20) 输出的是 "60"。原文来自：http://caibaojian.com/js-arguments.html

虽然不如重载那么好，不过已足以避开 ECMAScript 的这种限制。