ES6 是 JavaScript 的一个重要版本,其中新增了很多语言特性,其中包括默认参数和剩余参数。本文将深入探讨这两个特性的用法和作用,并包含相应的示例代码。
默认参数
默认参数是在函数定义时就已经设置好的参数值。如果在调用函数时没有传递该参数,则会使用默认值。默认参数的语法如下:
function functionName(parameter = defaultValue) { // function body }
其中,parameter
是函数的形参,defaultValue
是该参数的默认值。
示例
function greet(name = 'World') { console.log(`Hello, ${name}!`); } greet(); // 输出:Hello, World! greet('Alice'); // 输出:Hello, Alice!
在上面的示例中,greet
函数有一个默认参数 name
,默认值为 'World'
。如果在调用该函数时不传递参数,则会使用默认值 'World'
。如果传递了参数,则会使用传递的值,如上面的第二个示例中的 'Alice'
。
剩余参数
剩余参数是指将多余的参数放在一个数组中。在函数定义时,可以使用 ...
运算符来表示剩余参数。剩余参数的语法如下:
function functionName(parameter1, parameter2, ...restParameters) { // function body }
其中,parameter1
和 parameter2
是函数的前两个参数,restParameters
是一个数组,包含了函数调用时传递的多余参数。
示例
-- -------------------- ---- ------- -------- --------------- - --- ------ - -- --- ---- ------ -- -------- - ------ -- ------- - ------ ------- - ------------------ -- ---- -- ---- ------------------ -- -- ---- -- -----
在上面的示例中,sum
函数使用了剩余参数 ...numbers
,将传递的参数都放在一个数组中。函数内部使用了 for...of
循环来遍历数组,并计算出它们的和。
结论
默认参数和剩余参数是 ES6 中引入的两个新特性。使用默认参数可以使函数调用更加简洁,不需要在每次调用函数时都传递所有的参数;使用剩余参数可以处理不确定数量的参数。这两个特性都可以提高代码的可读性和可维护性。在实际开发中,我们应该根据具体情况,灵活运用这些语言特性。
参考资料
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/674245f2db344dd98dd45375