美文网首页JavaScript学习笔记
JavaScript学习日记之理解函数的参数

JavaScript学习日记之理解函数的参数

作者: wwz_hello | 来源:发表于2016-10-08 19:12 被阅读24次

    我们知道在定义函数时可以为函数命名参数

    function newFunc(num1,num2){  //定义函数并命名参数;
        alert(num1+num2);
    }
    newFunc(1); // 1;
    

    但是在调用函数时我们不一定传递两个命名参数,可以传递任意个参数。如上方代码中一样,我们为函数命名了两个参数,但是调用时只传入一个参数,函数照样正常运行。
    之所以这样是因为JavaScript中函数的参数是以数组表示的,函数通过arguments对象来访问这个参数数组,并获取每一个参数。下面就来详细介绍一下arguments对象以及函数如何获取并使用参数的。

    1.arguments对象简介

    arguments对象并不是数组,但是拥有一些与数组类似的属性,可以通过方括号语法访问每一个元素,也就是arguments对象的第一个元素是arguments[0],以此类推。同时可以使用length属性来查看传递参数的个数。
    function newFunc(){
    alert(argument[0]+argument[1]);
    }
    newFunc(1); // 1;
    上面这段代码和第一段代码实现同样的效果。但是重写后函数中不包括命名的参数,这是JavaScript函数的一个重要特点:

    命名的参数只提供便利,但不是必需的。

    下面函数调用时会输出传入参数的个数。

    function howManyArgs(){
        alert(arguments.length);
    }
    howManyArgs(1,2);//2;
    howManyArgs();//0;
    howManyArgs("Hello World",1008);//2;
    

    2.arguments对象使用技巧

    arguments对象可以与命名参数一起使用,如下例:

    function add(num1,num2){
        if(arguments.length == 0){
            alert('Have no parameter!');
       }else if(arguments.length == 1){
            alert(num1+10);
       }else{
            alert(arguments[0]+num2);//num1和arguments[0]的值相同可以互换使用
       }
    }
    

    arguments的值与对应命名参数的值始终保持同步,如下例中,每次执行函数都会重写第二个参数值为100。要注意的是num2和arguments[1]的内存空间是独立的,只是值会同步,而且这种影响是单方向的,修改命名参数的值不会改变arguments的值。
    如果只传入一个参数,arguments[1]的值不会反映到命名参数中,因为arguments对象的长度是由实际传入的参数个数决定的,而不是由定义函数时命名参数的个数决定的。

    function add(num1,num2){
        arguments[1] = 100;
        return num1+num2;
    }
    add(1,2);//返回101
    add(1);//返回NaN,因为num2值为undefined。
    

    最后要注意,和定义变量没有进行初始化类似,没有传递的命名参数将自动被赋值为undefined。

    相关文章

      网友评论

        本文标题:JavaScript学习日记之理解函数的参数

        本文链接:https://www.haomeiwen.com/subject/zuguyttx.html