扩展预算符：将数组或者类数组展开成用逗号隔开的值。

rest参数：把逗号隔开的值组合成一个数组。

扩展预算符与 rest 参数都是使用...来表示。我们可以这样区分：如果...在等号的左边或者形参的位置上，那它就是 rest 参数；如果...在等号的右边或者在实参上，那它就是扩展运算符。

我们来看一下扩展预算符的用法：

let arr = [1, 2, 3]
console.log(...arr) // 1 2 3

// 扩展预算符也可以对字符串使用
let str = 'hello'
let arr = [...str]
console.log(arr) // ["h", "e", "l", "l", "o"]

我们再看一下 rest 参数的用法：

function foo(...args) {
  console.log(args) // [1, 2, 3]
}
foo(1,2)

function foo2(x, ...args) {
  console.log(x) // 1
  console.log(args) // [2, 3]
}
foo2(1,2,3)

rest参数也可以与结构赋值一起使用：

let [x, y] = [1, 2, 3]
console.log(x) // 1
console.log(y) // 2

let [a, ...b] = [1, 2, 3]
console.log(a) // 1
console.log(b) // [2, 3]