什么是默认函数参数
默认函数参数是 JavaScript ES6 引入的新特性。它允许在定义函数时,给函数的参数指定默认值。如果在函数调用时,没有为这个参数传入值,那么就会使用指定的默认值。
默认函数参数的优点
- 更简洁的代码
在 ES6 之前,要给函数的参数定义默认值需要使用一些额外的代码,比如下面这个例子:
function showInfo(name, age) { name = name || 'Unknown'; age = age || 0; console.log(name + ' is ' + age + ' years old.'); }
在 ES6 中,可以直接将默认参数写在参数列表中,代码变得更加简洁:
function showInfo(name = 'Unknown', age = 0) { console.log(name + ' is ' + age + ' years old.'); }
- 更加灵活的函数定义
默认函数参数使得函数定义变得更加灵活,可以在同一个函数中同时实现多种功能。比如下面这个例子,可以根据传入的字符串不同,输出不同的信息:
-- -------------------- ---- ------- -------- --------------- - ------- -------- - -- ------- --- --- --------- - ----------------- - ---- -- ------- --- --- --------- - ---------------- ------ -- - - ----- - ---- -- ------- --- --- --------- - ---------------- ------ -- - - --------------------- - -
- 避免出错
在 ES6 之前,如果没有为一个函数的参数传入值,那么这个参数的值就是 undefined
。如果这个函数依赖于这个参数的值,而没有考虑到这种情况,就会出现错误。而在 ES6 中,有了默认函数参数,就可以避免这种情况的发生。
示例代码
下面是一个示例代码,演示了如何使用默认函数参数:
-- -------------------- ---- ------- -------- ------------- - ---------- --- - -- ------ - ------- - ------------------ - - ------ ----------------- - - ----- -------------------- - - -------- - -- ------ ----------- -- ------ --------------- ---- -- ------ ---------------- --- ----------
输出结果如下:
-- -------------------- ---- ------- ----- ------- ---- - ------- ---- ----- --- ---- -- ------- ---- ----- ---- ---- -- ------- ------
总结
默认函数参数是一个非常实用的特性,它简化了代码,提高了函数的灵活性,避免了出错。在日常的开发中,我们应该充分利用它,写出更高效、更可靠的代码。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64817cba48841e98940f69ac