JavaScript 中 rest 引數和擴充套件運算子的使用?


Rest 引數

藉助 rest 引數,你可以將多個引數表示為一個數組。ES6 引入了 rest 引數,以減輕開發人員的工作。對於引數物件,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>

擴充套件運算子

擴充套件運算子允許你將一個數組拆分為單個引數。這些引數都是作為單獨引數傳遞給函式的。

語法

以下為語法 −

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 method.
         e = a.concat(b, c, d);

         // spread operator
         f = [...a, b, ...c, d];
         document.write(e);
         document.write("<br>"+f);
      </script>
   </body>
</html>

更新於: 2020 年 6 月 16 日

261 次瀏覽

職業生涯起步

完成課程認證

開始
廣告
© . All rights reserved.