欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

理解javascript arguments对象和函数形参

程序员文章站 2022-04-06 23:11:37
...
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 的这种限制。