关于JavaScript中 arguments 的理解

在一个函数的内部，不论形参、实参的数量有多少个，是否相等，都会有一个隐式的东西专门用来存放传入的实参，叫做实参列表，也就是arguments，它类似于数组。

eg: function text(a,b) {
        var num = a + b;
        console.log(num);          //7

        console.log(arguments[0]); //2
        console.log(arguments[1]); //5
        console.log(arguments[2]); //6  <-- ▲
    }
    text(2,5,6);

针对▲处，虽然没有定义第三个形参，但是实参仍然会保存到函数里面的arguments里面，相当于函数里面定义了一个arguments = [2,5,6];

同时，使用arguments.length也能查看到arguments里面的值的多少，或者也可以叫做arguments数组的长度。

---

使用一个小例题，加深对arguments 的理解。

例：实现几个数相加

<script type="text/javascript">
    var sum = 0;
    function add() {
        for(var i = 0; i < arguments[i]; i++)
        {
            sum += arguments[i];                
        }
        document.write(sum);
    }
    add(1,2,3,4,5,6,7,8,9,10);  //55
</script>

实参传入函数里的 arguments = [1,2,3,4,5,6,7,8,9,10]；而for循环实现arguments[0]+arguments[1]+…… 。

---

js中利用arguments实现重载效果

从语言角度来说，javascript不支持函数重载，不能够定义同样的函数然后通过编译器去根据不同的参数执行不同的函数，

    function sum(a) {
        console.log(a + a);
    }
    function sum(a, b) {
        console.log(a * b);
    }
    sum(2); //NaN
    sum(3,4); //12

可见，出现了覆盖现象，第二个sum函数覆盖了第一个sum函数，所以得出的值是NaN，12

但是 javascript却可以通过自身属性去模拟函数重载。这，就可以用arguments来实现

    function sum() {
        if(arguments.length == 1) {
            console.log(arguments[0] + arguments[0]);
        }else if(arguments.length == 2) {
            console.log(arguments[0] * arguments[1]);
        }
    }
    sum(2); //4
    sum(3,4); //12