**擴充語法與其餘參數：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中文網其他相關文章！