前端面试题：展开(spread )运算符和剩余(Rest)运算符有什么区别？

展开运算符(spread)是三个点(…)，可以将一个数组转为用逗号分隔的参数序列。说的通俗 易懂点，有点像化骨绵掌，把一个大元素给打散成一个个单独的小元素。
剩余运算符也是用三个点(…)表示，它的样子看起来和展开操作符一样，但是它是用于解构 数组和对象。在某种程度上，剩余元素和展开元素相反，展开元素会”展开”数组变成多个元 素，剩余元素会收集多个元素和“压缩”成一个单一的元素。
function add(a, b) {
return a + b；
};
const nums = [5, 6]；
const sum = add(… nums)；
console. log(sum)；
在本例中，我们在调用add函数时使用了展开操作符，对nums数组进行展开。所以参数a的 值是5 , b的值是6,所以sum是11。
function add(… rest) {
return rest. reduce((total,current) => total + current)；
};
console. log(add(1, 2))； // 3
console. log(add(1, 2, 3, 4, 5)); // 15
在本例中，我们有一个add函数，它接受任意数量的参数，并将它们全部相加，然后返回总数。
const [first, …others] = [1, 2, 3, 4, 5]；
console. log(first)； // 1
console. log(others)； // [2,3,4,5]
这里，我们使用剩余操作符提取所有剩余的数组值，并将它们放入除第一项之外的其他数组中。