ES6新增语法...

剩余参数

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

function sum(first,...args){
  console.log(first);//10
  console.log(args);//[20, 30]
}
sum(10, 20, 30)

箭头函数中没有arguments
算出参数的和

const sum = (...args) => {
  let total = 0;
  args.forEach(item =>{
    total += item
  })
return total;
}

sum(10, 20); //30
sum(10, 20, 30); //60

剩余参数和解构配合使用

let students = ['wangwu', 'zhangsan', 'lisi'];
let [s1, ...s2] = students;
console.log(s1);//'wangwu
console.log(s2);//['zhangsan', 'lisi']

扩展运算符（展开语法）

扩展运算符可以将数组或者对象转为用逗号分割的参数序列

let ary = [1, 2, 3];
...ary //1, 2, 3  转为用逗号分割的参数序列
console.log(...ary);  //1 2 3 这边没逗号是因为 console.log

//注意：console.log 可以接收多个参数，多个参数以逗号分隔，表示一次输出多个内容

扩展运算符可以运用在 合并数组

//方法一
let ary1 = [1, 2, 3];
let ary2 = [3, 4, 5];
let ary3 = [...ary1, ...ary2];

//方法二
ary1.push(...ary2);

将类数组或可遍历对象转化为真正的数组

let oDivs = document.getElementsByTagName('div');
oDivs = [...oDivs];