JS——剩余参数和arguments对象

剩余参数

如果函数的最后一个命名参数以…为前缀，则它将成为一个由剩余参数组成的真数组。
剩余参数语法允许我们将一个不定数量的参数表示为一个数组。

语法

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

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

举例

function fn1(a,...res){
        console.log(a);
        console.log(res)
    }
  fn1(3,4,4,5)  
  //a:3   res；4,4,5

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

注意

function fn2(a,...res,b){  
//运行时报错，剩余参数后面就不要再跟其它的参数了
        console.log(a);
        console.log(res)
    }
fn2(1,2,3,4)

剩余参数和 arguments对象的区别

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

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