1. 说明
对于...运算符，在不同使用的地方，有不同的叫法。在函数参数处，如果传入的形参个数不确定，那么在定义函数时，形参处使用...运算符定义的参数叫剩余参数；在解构赋值中，使用...运算符叫扩展运算符。
2. rest(剩余)参数
// 获取传入参数的和
function getSumOfNums(...nums) {
// nums是一个数组对象
console.log(nums instanceof Array) // true
// 为了方便理解，此处采用for...of结构(可以使用reduce方法，更加简便)
let total = 0
for (let item of nums) {
total += item
}
return total
}
console.log(getSumOfNums(1, 2, 3, 4, 5)) // 15
注意：...运算符定义的剩余参数只能放在形参末尾，否则会报错
3. 扩展运算符
// 数组结构中的扩展运算符，得到的是数组(如下nums)
let [num1, num2, ...nums] = [1, 2, 3, 4, 5]
console.log(num1, num2, nums) // 1 2 (3)[3, 4, 5]
// 对象解构中的扩展运算符，得到的是对象(如下others)
let { id, ...others } = { id: '101', name: '张三', sex: '男', age: 30 }
console.log(id, others) // 101 {name: "张三", sex: "男", age: 30}
注意：扩展运算符同样只能放在末尾，否则会报错