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

2019年5月22日 93次阅读 来源: wwz_hello

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

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。

    原文作者：wwz_hello
    原文地址: https://www.jianshu.com/p/dc6b2fd4e915
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞