`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.