Javascript进阶---函数参数

Posted 2020-08-13

arguments对象

　　在javascript中，谈到函数参数，就不得不说一说那个熟悉又陌生的argunemts

• arguments对象用于承载调用函数时候传入的参数
• arguments不是一个数组，但是十分类似一个Array，有length属性，也可以用下标去访问

• arguments对象的长度是由实参个数而不是形参个数决定的。形参是函数内部重新开辟内存空间存储的变量，但是其与arguments对象内存空间并不重叠。对于arguments和值都存在的情况下，两者值是同步的，但是针对其中一个无值的情况下，对于此无值的情形值不会得以同步。如下代码可以得以验证。

  function f(a, b, c) {
    console.log(arguments.length); // result: "2"
    a = 100;
     console.log(arguments[0]);    // result: "100"
    arguments[0] = ‘qqyumidi‘;
     console.log(a);               // result: "qqyumidi"
     console.log(c);               // result: "undefined"
     c = 2012;
     console.log(arguments[2]);    // result: "undefined" 
  }
  f(1, 2);                  //实际上只传了两个参数

  此处证明，函数内部的形参一开始为空的时候，则内部形参的值与arguments对应位置的值就不会同步了

  （本引用参考自http://www.cnblogs.com/lwbqqyumidi/archive/2012/12/03/2799833.html）

• 在Javascript中，函数名相同，传参数目/类型不同，不会被视为两个函数。也不会像JAVA一样进行函数的重载，利用arguments对象则可以在Javascript中模拟出重载的效果。

  function fun() {
    if (arguments.length == 0) {
      //  do sth;
    }
    if (arguments.length == 1) {
      if (typeof (arguments[0]) == ‘function‘) {
        //  do sth for function
      }
    }
    if (arguments.length == 2) {
      //  do sth;
    }
  }

• 在Javascript中传参的个数并不会影响函数被调用　　

  function fun(){
      return arguments[0] + arguments[1];
  }
  fun(3,5);      // 8
  fun(3);        // NaN
  fun();         //NaN

  例子中的aruguments[0]和aruguments[1]，若未传入，则值为NaN

• arguments对象中有一个实用的属性：callee

  function count(a){
     
      console.log(arguments.callee);
  }
  
  count(10);// count(a)

  返回这个函数本身

传入过量参数

• 当调用某个函数时，传入了过多的参数怎么办？
• 在函数声明的时候使用“...rest”的方式来表示剩余的参数（rest为任意合法名称，为一个数组）

  function fun(a, b, ...restArray) {
    console.log(‘我们接收了:‘ + a + ‘与‘ + b);
    var count=2;
    for (var x of restArray){
    count++;
    console.log("第"+count+"个是："+x);
    }
  }
  fun(1, 8, 9, 5,8,9,6,4,8,7,8,9);
  /*
  我们接收了:1与8
  第3个是：9
  第4个是：5
  第5个是：8
  第6个是：9
  第7个是：6
  第8个是：4
  第9个是：8
  第10个是：7
  第11个是：8
  第12个是：9
  */

  Javascript将会把多余的参数使用一个自定义名称的数组将其存放起来

传入的参数不够

　　当调用某个函数的时候，传入的参数不够（传入的参数比接收的少），javascript就会以undefined去代替缺少的参数。这样一来，就有可能影响原函数内部的操作，现ES 6推行允许给参数福默认值，在传参缺少时，直接使用默认值。

function fun(a = "我是A", b = "我是B", c){
    console.log(a + " " + b + " " + c);
  }

fun("我是A的表姐");//我是A的表姐 我是B undefined