剩余参数

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

剩余参数的语法形式是三个点后跟一个标志符。

语法：

function(a, b, ...theArgs) {
    //函数体
}

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

function sum(...theArgs) {
    return theArgs.reduce((previous, current) => {
        return previous + current;
    });
}

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

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

剩余参数和arguments对象的区别

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

将arguments对象转换为数组

function f(a, b) {
    var normalArray = Array.prototype.slice.call(arguments);
    //or
    var normalArray = [].slice.call(arguments);
    //or
    var normalArray = Array.from(arguments);
    
    var first = normalArray.shift();  //OK
    var first = arguments.shift(); //ERROR
}

function f(...args) {
    var normalArray = args;
    var first = normalArray.shift(); //OK
}

解构剩余参数

剩余参数可以被解构，这意味着它们的数据可以被解包到不同的变量中。

function f(...[a, b, c]) {
    return a + b + c;
}

f(1);  //NaN (b and c are undefined)
f(1, 2, 3) ;//6
f(1, 2, 3, 4); //6

注：剩余参数后面不能再跟参数。剩余参数不能与arguments对象一起使用。