扩展语法与其余参数：有什么区别？

扩展语法与剩余参数：了解差异

在 ES2015 中，扩展语法和剩余参数这两个新功能提供了强大的方法操作数组和对象。虽然两者看起来很相似，但它们都有不同的用途，并且都有自己独特的功能。

扩展语法

扩展语法（由三个点“...”表示） ) 允许您将一个可迭代对象（例如数组或对象）展开或扩展为另一个可迭代对象中的各个元素。此功能使您能够方便地将多个数组或对象合并或组合成一个新的数组或对象。

例如，让我们考虑以下代码：

<code class="js">var abc = ['a', 'b', 'c'];
var def = ['d', 'e', 'f'];
var alpha = [ ...abc, ...def ];
console.log(alpha); // alpha == ['a', 'b', 'c', 'd', 'e', 'f'];</code>

在此代码段中，... abc 和 ...def 扩展语法将 abc 和 def 数组扩展为单独的元素，创建一个包含两个数组中所有元素的新 alpha 数组。

其余参数

另一方面，剩余参数（由三个点“...”表示，前面带有标识符）将传递给函数的任何剩余参数收集到单个数组中。剩余参数必须是函数参数列表中的最后一个参数。

剩余参数的实际操作示例如下：

<code class="js">function sumAll(...numbers) {
  let total = 0;
  for (let num of numbers) {
    total += num;
  }
  return total;
}

let result = sumAll(1, 2, 3, 4, 5);
console.log(result); // result == 15</code>

在此代码中，...数字rest 参数收集传递给 sumAll 函数的剩余参数（在本例中为 1、2、3、4 和 5）并创建一个数字数组。

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