js 函数 html 形参,理解javascript arguments对象和函数形参

JavaScript 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对象访问函数的参数的时候和行参定义参数的时候有什么区别

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

检测参数个数

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

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

function howManyArgs() {

alert(arguments.length);

}

howManyArgs("string", 45);

howManyArgs();

howManyArgs(12);

上面这段代码将依次显示 "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"

当只有一个参数时，doAdd() 函数给参数加 5。如果有两个参数，则会把两个参数相加，返回它们的和。所以，doAdd(10) 输出的是 "15"，而 doAdd(40, 20) 输出的是 "60"。

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