JavaScript函数中的arguments（js函数中的arguments，函数默认参数arguments）

北城笑笑

已于 2023-04-06 01:45:03 修改

阅读量2.4k

点赞数 2

分类专栏： JavaScript 文章标签：前端 javascript

于 2023-04-06 01:35:31 首次发布

本文链接：https://blog.csdn.net/weixin_65793170/article/details/129980138

版权

37 篇文章 1 订阅

订阅专栏

一、函数的默认参数arguments；

  function fn() {
    console.log(arguments);
  }
  fn()

输出

可以看到，我们在调用函数时，没有传递任何参数，但是依然可以在函数内部，获取到数组形式的arguments对象；

二、当函数参数只有一个时；

  function fn(a){
    console.log(a);
    console.log(arguments[0]);
  }
  fn(2)

输出

可以看到，我们可以通过arguments[0]来获取到传递进来的参数实例；

三、当我们传递的实参个数大于形参的个数时；

  function fn(a) {
    console.log(a);
    console.log(arguments);
    console.log(arguments[2]);
  }
  fn(2, 3, 4)

输出

可以看到，在我们没有使用形参接收参数时，在函数内部依然可以使用arguments来获取到实参数据。arguments接受到传递过来的所有数据，把他们都给装进了一个数组里，并且可以通过索引拿到相应的值，索引从0开始。

四、当我们传递的实参个数小于形参的个数时；

 function fn(a, b) {
    console.log(a);
    console.log(b);
    console.log(arguments[0]);
    console.log(arguments[1]);
  }
  fn(1);

输出

可以看到，在没有传递实参时，在函数内部使用对应的形参和arguments都是undefined；

五、当我们给形参赋值时；

修改形参

  function fn(a) {
    a = 5;
    console.log(a);
    console.log(arguments[0]);
  }
  fn(2, 3, 4);

输出

修改arguments

  function fn(a) {
    arguments[0] = 6;
    console.log(a);
    console.log(arguments[0]);
  }
  fn(2, 3, 4);

输出

可以看到，通过修改形参的值和arguments的值，不管改的是两者中的哪一个，都会影响对应双方的值；

小结：

1、每一个函数，都有一个默认参数，参数是一个数组形式的arguments对象，可以通过数组下标来获取到对应的值。

2、当我们传递的实参个数大于形参的个数时，依然可以通过arguments获取到对应的实参数据，而且修改形参对应的值，arguments的值也会更新，反之亦然。

补充：当我们传递的实参个数小于形参的个数时，赋值的形参值被改变，不会影响arguments对象，因为arguments对象的大小是由传入的实参的个数决定的，并不是由定义的命名参数的个数决定的，没有传递值的形参将会自动被赋予undefined值，跟没有定义直接使用一样，举个例子

  function fn(a, b) {
    b = 7;
    console.log(a);
    console.log(b);
    console.log(arguments[0]);
    console.log(arguments[1]);
  }
  fn(1);

输出

关注