arguments对象用法

最新推荐文章于 2023-02-01 14:24:53 发布

原创最新推荐文章于 2023-02-01 14:24:53 发布 · 572 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript

JavaScript 专栏收录该内容

52 篇文章

订阅专栏

本文详细解析了JavaScript中动态传参的实现方法，通过arguments对象处理不定数量的参数，并介绍了函数重载的概念及JavaScript中实现类似功能的方式。

JavaScript动态传参怎么做？

定义一个函数，事先不知道多少个参数，也不确定有多少个参数，最终如何来返回这个参数？

举个栗子，实现一个多数相加计算的功能，形象一些。

function add(){
    var sum=0;
    if(arguments.length == 0)   return sum;
    for(var i=0; i<arguments.length;i++){
        sum = sum+arguments[i];
    }
    return sum;
}
alert(add(5,7,12,3));

那么。其中最关键的一看就是arguments，这个arguments的用法是什么呢？

1、在JavaScript中，arguments对象是比较特别的一个对象，实际上是当前函数的一个内置属性。arguments非常类似Array，但实际上又不是一个Array实例。

Array.prototype.testArg = "test";
function funcArg() {
    alert(arguments.testArg);  
    alert(funcArg.arguments[0]);
}

alert(new Array().testArg); //返回结果 test
funcArg(10);                //返回结果 "undefined"、"10"

2、arguments对象的长度是由实参个数而不是形参个数决定的。形参是函数内部重新开辟内存空间存储的变量，但是其与arguments对象内存空间并不重叠。对于arguments和值都存在的情况下，两者值是同步的，但是针对其中一个无值的情况下，对于此无值的情形值不会得以同步。

function trans(a,b,c){
    alert(arguments.length);
    a = 3;
    alert(arguments[0]);
    arguments[0] = "叁";
    alert(a);
    c = 4;
    alert(arguments[2]);
}
trans(1,2);

第一句证明是实参个数决定了arguments的长度
a或arguments[0] 赋值都会改变第一个参数位置上值，因为此刻第一个位置上实参形参都存在，后赋值的会覆盖之前的
第三个位置上的实参不存在，但赋值了这个位置上的形参，这样就是所谓无法同步，返回了Undefined

3.由JavaScript中函数的声明和调用特性,可以看出JavaScript中函数是不能重载的。那什么是函数重载呢，

函数重载是指在同一作用域内，可以有一组具有相同函数名，不同参数列表的函数，这组函数被称为重载函数。重载函数通常用来命名一组功能相似的函数，这样做减少了函数名的数量，避免了名字空间的污染，对于程序的可读性有很大的好处。

Javascript函数的声明是没有返回值类型这一说法的；
JavaScript中形参的个数严格意义上来讲只是为了方便在函数中的变量操作，实际上实参已经存储在arguments对象中了。

4.arguments对象中有一个非常有用的属性：callee。arguments.callee返回此arguments对象所在的当前函数引用。在使用函数递归调用时推荐使用arguments.callee代替函数名本身。

function count(a){
    if(a == 1){
        return 1;
    }
    return a+arguments.callee(--a);
}
var num = count(3);
alert(num);