JavaScript 函式中的預設引數和其餘引數有哪些不同?


預設引數

預設引數輕鬆處理函式引數。你可以輕鬆設定預設引數,允許使用預設值初始化形式化引數。在未傳遞值或未定義值時,才可行。 

示例

 即時演示

<html>
   <body>
      <script>
         // default is set to 1
         function inc(val1, inc = 1) {
            return val1 + inc;
         }
         
         document.write(inc(10,10));
         document.write("<br>");
         document.write(inc(10));
      </script>
   </body>
</html>

輸出

其餘引數

ES6 帶來了其餘引數,減輕了開發人員的工作。對於 arguments 物件,其餘引數以三個點 … 標記,並且在引數之前。使用此方法,將無限數量的引數設定為陣列,陣列是 Array 例項。

示例

讓我們看看以下程式碼片段 −

<html>
   <body>
      <script>
         function addition(…numbers) {
            var res = 0;
            numbers.forEach(function (number) {
               res += number;
            });
            return res;
         }
         document.write(addition(3));
         document.write(addition(5,6,7,8,9));
      </script>
   </body>
</html>

更新時間:2020-6-23

312 次瀏覽

開啟你的 職業生涯

完成本課程即可獲取認證

開始
廣告
© . All rights reserved.