在 JavaScript 中,使用函数时必须为每个参数明确地传递值,如果某个参数不传值,则它的值会是 undefined。ES6 中提供了默认参数的功能,使函数使用时可以为参数设置默认值,从而减少了一些重复代码的编写。
语法
默认参数使用等号(=)来给参数赋默认值。以下是使用默认参数的语法:
-------- ----------- - -------------- ------ - -------------- ---- ------ - -------------- - -- -------- ---- -
在这种情况下,如果参数 param1 被省略或传递为 undefined,则使用 defaultValue1。
默认参数的使用场景
默认参数在以下情况下特别有用:
1. 减少重复代码
在实际开发过程中,可能需要为函数添加一些默认参数,这样可以减少冗余的代码,例如:
-- -------- -------- ------------------ --------- - --------- - --------- --- --------- - ------ - ---------- -------- - -------- --- --------- - ----- - --------- ------ --------- - - - - --------- - -- ------ -------- ----------------- - ------- -------- - ------ - ------ --------- - - - - --------- -
2. 附加默认值
在某些情况下,我们可能需要为默认参数附加一些特定值,例如:
-- ---------- -------- --------------------- - ------- -------- - ------ ----- - --- - --- -------- - --------- - - - - --------- -- ------- - -------- - ----- - - - - --------- - ------ --------- -
3. 多功能函数
使用默认参数可以使函数具有更多的灵活性和多功能性,例如:
-- ------------- -------- --------------- --- - ---- -------- - -- - ------ ------ - ----- - ---- - -- - ---------- - -------------- -- --- ------------- ----- -- --- ------------- -- ---- -- --
注意事项
以下是一些使用默认参数时需要注意的事项:
1. 默认参数不会影响 arguments 对象
使用默认参数时,arguments 对象的长度不会受到影响,它只包含传递的参数,不包含默认参数。
-- --------- --------- -------- ------- - - -- - ------------------------------ - --------- -- - -------- ---- -- - -------- ------------- -
2. 默认参数可以引用前面的参数
默认参数可以引用函数前面声明的参数,但是不可以引用后面的参数。
-- ----------- -------- --------------- -------- - ----- - ---- --- - ---- - ------ ----- - -------- - ----- - ---- - -------------- -- --- ------------- ---- -- -- ------------- --- ----- -- --
3. 默认参数的赋值是惰性的
使用默认参数时,它们是惰性求值的,只有在使用时才会赋值。
-- ---------- -------- ---------- - ----------- - ------------------- - -------- ---------- - ----------------------- -- --------- ------ --- - ------- -- ---------- -- ------ -- -------- -- -
总结
ES6 的默认参数使函数定义更加灵活和多功能,同时避免了一些重复代码的编写。在编写函数时,根据实际需求来使用默认参数可以让代码更加简洁和易于维护。
示例代码
在以下示例代码中,我们演示了如何使用默认参数。
-------- ---------- - -------- - ------------------- - - ------ - -------- -- ------ ----- --------------- -- ------ -----
-------- --------------- --- - ---- -------- - -- - ------ ------ - ----- - ---- - -- - ---------- - --------------------------- -- --- ------------------------- ------ -- --- ------------------------- -- ------ -- --
-------- --------------- -------- - ----- - ---- --- - ---- - ------ ----- - -------- - ----- - ---- - --------------------------- -- --- ------------------------- ----- -- -- ------------------------- --- ------ -- --
-------- ---------- - ----------- - ------------------- - -------- ---------- - ----------------------- -- --------- ------ --- - ------- -- ---------- -- ------ -- -------- -- -
以上就是 ES6 中默认参数的详细介绍及使用技巧,希望对你以后的开发工作有所帮助。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6460cd85968c7c53b026c0be