es6-函数剩余参数

1. 当函数的传参可能是1个，2个或多个，不确定时，常有这样的用法：

function sum(args) {
   let sum = 0;
   for (let i = 0; i < args.length; i++) {
       sum += args[i];
   }
   return sum;
}

console.log(sum([1]))              //1
console.log(sum([1, 2]))           //3
console.log(sum([1, 2, 3]))      //6
console.log(sum([1, 2, 3, 4]))   //10

上述方法，调用的人需要传入数组作为参数
函数调用的时候方便，要高于函数书写时方便，原则上。需要传数组，调用人很不方便,不是好的代码。
2. 解决这个问题，引入arguments的写法：

function sum() {
    let sum = 0;
    for (let i = 0; i < arguments.length; i++) {
        sum += arguments[i];
    }
    return sum;
}
console.log(sum(1))                   //1
console.log(sum(1, 2))               //3
console.log(sum(1, 2, 3))           //6
console.log(sum(1, 2, 3, 4))      //10

arguments的缺陷：
1）如果和形参配合使用，容易导致混乱（有默认形参相脱离，没有默认形参，和形参又关联）
2）从语义上，使用arguments获取参数，由于形参缺失，无法从函数定义上理解函数的真实意图

3. es6的剩余参数专门用于收集末尾的所有参数，将其放置到一个形参数组中
   语法：function（...形参名）{ } 这样上述函数就可以写作：

function sum(...args) {
    // args收集里了所有的参数，形成的要一个数组
    let sum = 0;
    for (let i = 0; i < args.length; i++) {
        sum += args[i];
    }
    return sum;
}
console.log(sum(1)) //1   
console.log(sum(1, 2)) //3
console.log(sum(1, 2, 3)) //6
console.log(sum(1, 2, 3, 4)) //10

4. 剩余参数需要注意的细节

• 一个函数，仅能出现一个剩余参数
• 一个函数，如果有剩余参数，剩余参数必须是最后一个参数