扩展语法和剩余参数：揭开 ES2015 中的差异

浏览 ES2015 中扩展语法和剩余参数的细微差别可能是一个想法-令人难以置信的努力。在本指南中，我们将剖析它们在 JavaScript 不断发展的格局中的对比角色。

理解扩展语法：从一到多

扩展语法（用 ' 表示） ...'）允许我们将可迭代对象（例如数组）扩展到其各个元素。它对单个变量进行操作，将其分成更小的部分：

var abc = ['a', 'b', 'c'];
var def = ['d', 'e', 'f'];
var alpha = [ ...abc, ...def ];
console.log(alpha); // alpha will output ['a', 'b', 'c', 'd', 'e', 'f']

通过在 'abc' 之前使用 '...' 的扩展语法和 'def'，我们有效地将这些数组扁平化为单个合并数组。

揭开其余参数：从多到一

相比之下，剩余参数（前面也带有“...”）从函数的参数列表中捕获多个元素并将它们组合成一个数组。当我们想要处理未知数量的参数时，通常会使用这种技术：

function sum(...args) {
  var sum = 0;
  for (var i = 0; i 
这里，'...args' 充当传递给 'sum' 函数的所有参数的占位符，然后将其存储在 'args' 数组中。
 
主要区别：扩展与休息
虽然扩展语法和休息参数都使用“...”运算符，但它们具有不同的目的：
扩展语法将迭代扩展为其各个元素。
其余参数将多个参数折叠为单个数组。
本质上，扩展语法可以帮助您分解变量分成其各个部分，而其余参数将多个变量合并为一个有凝聚力的单元。