关于arguments 对象与剩余参数...theArgs

arguments 对象

在函数代码中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。拿到的是实参的对象

function fn(a,b,c,d){
    console.log(arguments)；

   console.log(arguments.length)//长度是3
}

fn(1,2,3)

输出：

剩余参数：...theArgs

剩余参数语法允许我们将一个不定数量的参数表示为一个数组。

语法
function(a, b, ...theArgs) {
  // ...
}

剩余参数语法允许我们将一个不定数量的参数表示为一个数组。 

function sum(...theArgs) {

  return theArgs.reduce((previous, current) => {

    return previous + current;

  });

}

console.log(sum(1, 2, 3));

// expected output: 6

console.log(sum(1, 2, 3, 4));

// expected output: 10

剩余参数拿到的值，是...theArgs后面的实参，不包含他前面参入的实参

描述:
如果函数的最后一个命名参数以...为前缀，则它将成为一个数组，其中从0（包括）到theArgs.length（排除）的元素由传递给函数的实际参数提供。

在上面的例子中，theArgs将收集该函数的第三个参数（因为第一个参数被映射到a，而第二个参数映射到b）和所有后续参数。

备注：...是es6中的扩展运算符，用于把数组扩展成为一个参数序列。

剩余参数和 arguments对象之间的区别主要有三个：

1.剩余参数只包含那些没有对应形参的实参，而 arguments 对象包含了传给函数的所有实参。
2.arguments对象不是一个真正的数组，而剩余参数是真正的 Array实例，也就是说你能够在它上面直接使用所有的数组方法，比如 sort，map，forEach或pop。
3.arguments对象还有一些附加的属性 （如callee属性）。