了解 ES6 的默认参数和剩余参数

阅读时长 3 分钟读完

ES6 是 JavaScript 的一个重要版本,其中新增了很多语言特性,其中包括默认参数和剩余参数。本文将深入探讨这两个特性的用法和作用,并包含相应的示例代码。

默认参数

默认参数是在函数定义时就已经设置好的参数值。如果在调用函数时没有传递该参数,则会使用默认值。默认参数的语法如下:

其中,parameter 是函数的形参,defaultValue 是该参数的默认值。

示例

在上面的示例中,greet 函数有一个默认参数 name,默认值为 'World'。如果在调用该函数时不传递参数,则会使用默认值 'World'。如果传递了参数,则会使用传递的值,如上面的第二个示例中的 'Alice'

剩余参数

剩余参数是指将多余的参数放在一个数组中。在函数定义时,可以使用 ... 运算符来表示剩余参数。剩余参数的语法如下:

其中,parameter1parameter2 是函数的前两个参数,restParameters 是一个数组,包含了函数调用时传递的多余参数。

示例

-- -------------------- ---- -------
-------- --------------- -
  --- ------ - --
  --- ---- ------ -- -------- -
    ------ -- -------
  -
  ------ -------
-

------------------ -- ---- -- ----
------------------ -- -- ---- -- -----

在上面的示例中,sum 函数使用了剩余参数 ...numbers,将传递的参数都放在一个数组中。函数内部使用了 for...of 循环来遍历数组,并计算出它们的和。

结论

默认参数和剩余参数是 ES6 中引入的两个新特性。使用默认参数可以使函数调用更加简洁,不需要在每次调用函数时都传递所有的参数;使用剩余参数可以处理不确定数量的参数。这两个特性都可以提高代码的可读性和可维护性。在实际开发中,我们应该根据具体情况,灵活运用这些语言特性。

参考资料

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/674245f2db344dd98dd45375

纠错
反馈