ES6剩余参数的接收于使用

通常再一个函数中要接受多个参数，可能是已知的个数，可能是为止的个数，所以再写形参的时候会比较麻烦，再ES6中有新的方式来写这个形参

使用格式 …name name自定义名字

//格式
function fn(a,b,...arr){//表示前面两个形参接受相对应位置的实参，然后剩下的实参都有 ...arr来接收
	console.log(a+b,...arr)   //3 3 4 5 6 7 8 9 10
	console.log(a+b,arr)   //3  [3, 4, 5, 6, 7, 8, 9, 10]
}
fn(1,2,3,4,5,6,7,8,9,10);

上面形参的第三个参数 …arr就是相当于开辟了一个数组，把剩余的实参保存进去，再调用的时候，如果没加 …，直接调用arr会得到的是一个数组，加了… 得到的就是数组里将每个元素以逗号的形式来拆分开

---

剩余参数配合解构的使用

如下：

//数组解构
var arr=[1,3,5,7,9]
var [a,b,...num]=arr;//相当于a=1,b=2,   ...num=[5,7,9]
//使用num会得到 5 7 9

//对象解构
var obj={
	name:'zhangsan',
	age:'25',
	sex:'man',
	work:'boss',
	home:'china'
};
var {name,age,...every}=obj;
console.log(name);   //zhangsan
console.log(age);   //25
console.log(every);  //{sex: "man", work: "boss", home: "china"}
//注意，这里不能使用 ...every,因为再对象结构中，every保存的是一个对象，
//使用...every无法将对象转换成数组的格式，所以会报错

---

将伪数组转为数组

//比如说获取到了页面所有的div，因为所得到的是一个伪数组，有些数组的方法它不能够使用，
//这时候就可以将得到div的这个伪数组转换成数组，方便进行操作
var div=document.querySelectorAll('div');
var divs=[...div];
console.log(div);//这里得到的是一个为数组 NodeList(8) [div, div, div, div, div, div, div, div]
console.log(divs);  //这里得到的是一个真正的数组(8) [div, div, div, div, div, div, div, div]
//所以通过这样就能使用一些数组的方法去进行一些操作了