zl程序教程

您现在的位置是:首页 >  前端

当前栏目

JavaScript的arguments对象应用示例

JavaScript应用对象 示例 arguments
2023-06-13 09:15:45 时间

arguments对象

在函数代码中,使用特殊对象arguments,开发者无需明确指出参数名,就能访问它们。

例如,在函数sayHi()中,第一个参数是message。用arguments[0]也可以访问这个值,即第一个参数的值(第一个参数位于位置0,第二个参数位于位置1,依此类推)。

因此,无需明确命名参数,就可以重写函数:

functionsayHi(){
if(arguments[0]=="bye"){
return;
}

alert(arguments[0]);
}

检测参数个数

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

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

functionhowManyArgs(){
alert(arguments.length);
}

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

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

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

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

functiondoAdd(){
if(arguments.length==1){
alert(arguments[0]+5);
}elseif(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的这种限制。