**扩展语法与其余参数：ES2015 中的区别是什么？**

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

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

理解扩展语法：从一到多

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

<code class="js">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']</code>

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

揭开剩余参数：从多到一

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

<code class="js">function sum(...args) {
  var sum = 0;
  for (var i = 0; i < args.length; i++) {
    sum += args[i];
  }
  return sum;
}

console.log(sum(1, 2, 3, 4, 5)); // sum will output 15</code>

这里，“...args”充当传递给“sum”函数的所有参数的占位符，其中然后存储在 'args' 数组中。

主要区别：Spread 与 Rest

虽然 Spread 语法和 Rest 参数都使用 '...' 运算符，它们具有不同的用途：

• 扩展语法将可迭代扩展为其各个元素。
• 剩余参数将多个参数折叠为单个数组。

本质上，扩展语法可以帮助您将变量分解为多个部分，而其余参数则将多个变量合并为一个内聚单元。

以上是**扩展语法与其余参数：ES2015 中的区别是什么？**的详细内容。更多信息请关注PHP中文网其他相关文章！