JavaScript中的扩展运算符(...)的使用场景

作用1：合并数组或者对象

let list1 = {name:'kobe',number:24};
let list2 = {team:'lakers'};
console.log({...list1,...list2});  //{name:'kobe',number:24,team:'lakers'}

let list1 = [1,2,3];
let list2 = [4,5];
console.log([...list1,...list2]); //[1,2,3,4,5]

作用2：作为函数形参，所有实参会被放进一个数组中传到函数里。

conbine(...list){
  console.log(list);
}

this.conbine(1,2,3,[4,5]);  //[1,2,3,[4,5]]

这个作用可以处理对于形参个数不 知道的情况下的场景，案例可以看这篇http://t.csdnimg.cn/xmj3g

作用3：展开数组元素，然后将对应的值传给形参。

add(a,b){
  consoel.log(a + b);//3
}
let list = [1,2];
this.add(...list);

作用4： 将类数组转为真正的数组

loginIn(){
  console.log([...arguments]); //[1,2,3]
}

loginIn(1,2,3);