理解函数调用_使用arguments参数对所有函数参数执行操作 

<!DOCTYPE html>
<html lang="en">
<head>  
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../unitl/test.js"></script>
    <style>
        #results li.pass {color:green;}
        #results li.fail {color:red;}
    </style>
</head>
<body>
    <ul id="results"></ul>
</body>
<script>


    //完全没有任何显式参数的函数
    function sum() {

        var sum = 0;

        //迭代所有传入参数，然后通过索引标记获取每个元素的值
        for (var i=0; i<arguments.length; i++) {

            sum += arguments[i];

        }

        return sum;

    }

    //调用函数并传入任意数量的参数
    assert(sum(1,2)===3,"We can add two numbers");
    assert(sum(1,2,3)===6,"We can add threee numbers");
    assert(sum(1,2,3,4)===10,"We can add four numbers");


   


</script>
</html>

这个例子我们首先定义了一个没有显式任何参数的sum函数，尽管如此，我们依然可以通过arguments对象访问所有的函数参数。
遍历所有的参数即可他们的和。大功告成，我们现在可以调用函数并传入任意数量的参数，接着我们通过测试几种情况来看看一切是否正常。这正是arguments对象的魅力所在。我们可以通过他编写更多样，更灵活的函数来轻松应对各种不同的情况。

注意

      大多数情况下可以使用剩余参数（rest parameter）来代替arguments参数，剩余参数是整整的Array实例，也就是说你可以在他上面直接使用所有的数组方法。这对相对于arguments对象而言是个优势。
posted @ 2020-12-11 14:32  yongjar  阅读(125)  评论(0)  编辑  收藏  举报