`JavaScript` 函式中預設引數和剩餘引數之間的差異是什麼?


預設引數

預設引數應運而生,輕鬆處理函式引數。你可以輕鬆設定預設引數,以便使用預設值初始化形式引數。這隻有在未傳遞值或傳遞 undefined 時才可能。 

示例

 線上示例

<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 引入了剩餘引數,減輕了開發人員的工作。對於引數物件,剩餘引數透過三個點 ... 表示,並位於引數前面。這樣,可以將不確定數量的引數作為一個數組設定,該陣列是 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.