在JavaScript中使用rest参数和传播运算符？

休息参数

使用rest参数，您可以将多个参数表示为数组。ES6带来了rest参数，以简化开发人员的工作。对于参数对象，其余参数由三个点…表示，并位于参数之前。

让我们看下面的代码片段来定义rest参数-

<html>
   <body>
      <script>
         function addition(…numbers) {
            var res = 0;
            numbers.forEach(function (number) {
               res += number;
            });
            return res;
         }
         document.write(addition(3));
         document.write(addition(9,10,11,12,13));
      </script>
   </body>
</html>

点差算子

Spread运算符将允许您将数组拆分为单个参数。这些参数是作为独立参数的函数。

语法

这是语法-

function myfunction(...iterableObj);

这是显示带有参数的扩展语法的示例：

function multiply(x, y) {
   return x*y;
}
var myArgs = [50, 100]; console.log(multiply(…myArgs));

示例

这是另一个例子

<html>
   <body>
      <script>
         var a, b, c, d, e, f, g;
         a = [10,20];
         b = "rank";
         c = [30, "points"];
         d = "run"

         //concat方法。
         e = a.concat(b, c, d);

         //点差运算符
         f = [...a, b, ...c, d];
         document.write(e);
         document.write("<br>"+f);
      </script>
   </body>
</html>

基础教程