console.log(...[1, 2, 3])
// 1 2 3
console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5
[...document.querySelectorAll('div')]
// [<div>, <div>, <div>]

应用：

1.扩展运算符将数组变为参数序列

function add(x,y){
    return x + y
}
var numbers = [4,28];
add(...numbers) //42

2.替代数组的apply 方法,由于扩展运算符可以展开数组， 所以不再需要apply方法， 将数组转为函数的参数了。

// ES5的写法
function f(x, y, z) {
// ...
} 
var args = [0, 1, 2];
f.apply(null, args);

// ES6的写法
function f(x, y, z) {
// ...
}
 var args = [0, 1, 2];
f(...args);

// 应用Math.max方法， 简化求出一个数组最大元素的写法

// ES5的写法
Math.max.apply(null, [14, 3, 77])

// ES6的写法
Math.max(...[14, 3, 77])

// 等同于
Math.max(14, 3, 77);

上面代码表示， 由于JavaScript不提供求数组最大元素的函数， 所以只能套用Math.max函数， 将数组转为一个参数序列， 然后求最大值。 有了扩展运算
符以后， 就可以直接用Math.max

3.合并数组

// ES5的写法
[1, 2].concat(more)

// ES6
[1, 2, ...more]
var arr1 = ['a', 'b'];
var arr2 = ['c'];
var arr3 = ['d', 'e'];

// ES5的合并数组
arr1.concat(arr2, arr3);  // [ 'a', 'b', 'c', 'd', 'e' ]

// ES6的合并数组
[...arr1, ...arr2, ...arr3]   // [ 'a', 'b', 'c', 'd', 'e' ]