es6 ...运算符 ， rest 参数使用，与arguments参数的区别

展开运算符（类似嵌套）

可以用在数组和对象上

let a = [1,2,3];
let b = [0, ...a, 4]; // [0,1,2,3,4]
let obj = { a: 1, b: 2 };
let obj2 = { ...obj, c: 3 }; // { a:1, b:2, c:3 }
let obj3 = { ...obj, a: 3 }; // { a:3, b:2 }

剩余运算符 

let a = [1,2,3];
let [b, ...c] = a;
b; // 1
c; // [2,3]

// 也可以
let a = [1,2,3];
let [b, ...[c,d,e]] = a;
b; // 1
c; // 2
d; // 3
e; // undefined

// 也可以
function test(a, ...rest){
// rest为剩余参数
console.log(a); // 1
console.log(rest); // [2,3]
}
test(1,2,3)

rest参数（剩余参数，与...运算符一起使用）

function foo(a, b, ...rest) {
    console.log('a = ' + a); 
    console.log('b = ' + b); 
    console.log(rest); 
}
foo(1, 2, 3, 4, 5);// 结果:// a = 1// b = 2// Array [ 3, 4, 5 ]

Rest参数和arguments对象的区别：

• rest参数只包括那些没有给出名称的参数，arguments包含所有参数
• arguments 对象不是真正的数组，而rest 参数是数组实例，可以直接应用sort, map, forEach, pop等方法
• arguments 对象拥有一些自己额外的功能