擴展語法與剩餘參數：揭開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' 數組中。 
 
主要區別：擴展與休息
雖然擴展語法和休息參數都使用“...”運算符，但它們具有不同的目的：
 
擴展語法將迭代擴展為其各個元素。 
其餘參數將多個參數折疊為單一數組。 
本質上，擴展語法可以幫助您分解變數分成其各個部分，而其餘參數將多個變數合併為一個有凝聚力的單元。