js中的arguments参数使用（附示例）

javascript与其它语言一样，都有类似参数，可以在函数或者方法中，充许传递不限数量的参数。

arguments对象是js中所有函数内部都可以使用的类数组对象，它能接受包含传递给该函数的所有参数，允许访问函数时传递的参数，即使这些参数在函数定义中没有明确列出。arguments对象可以看成数组，但并不是真正意义上的数组，它没有数组相关方法，如forEach,map等，但有length属性。

一、基本概念和特性

1. 类数组：arguments是据函数的一个内置类数组对象，可以使用数组arri和arr.length。 长度属性：arguments.length，统计函数体内实际参数数量； 索引访问：可以通过arguments0,来访问各个参数；
2. 函数作用域:arguments对象仅在函数体内有效，不能在全局作用域或函数外部使用。‌动态性‌：即使函数定义了参数，arguments对象仍会包含所有传入的参数，无论这些参数是否在定义中列出。
3. 访问参数 ：可以通过索引获取传递的参数值

• 命名参数：如果函数定义中有命名参数，你仍然可以通过arguments对象访问它们，即使这些参数没有在函数签名中出现;
• 可枚举性：arguments对象的元素是可以枚举的，这意味着你可以使用for...in循环来遍历所有参数。

使用方法和示例

示例1：

<script>
    function f1(){
        for(var i=0;i<arguments.length;i++){
            document.write(arguments[i],"<br>");
        }
    }
    f1(3,5,6); 
</script>

浏览器输出结果

共有:3个参数
3
5
6

arguments.length 为函数实参个数，可以用argumentslength显示调用参数

2、arguments.callee属性：让匿名函数实现递归

<script>
    var sum = function(n) {
        if(n == 1) {
            return 1;
        } else {
            return n + arguments.callee(n-1);
        }
    }
    document.write("sum =", sum(15)); // 输出: sum =120
</script>

3、arguments.length:查看传递的参数数量

<script>
    function f1(){
        if(arguments.length>0){
            document.write("共有:",arguments.length,"个参数","<br>");
        }else{
            document.write("没有传递参数");
        }

    }
    f1(3,5,6) //输入：共有:3个参数
</script>