JavaScript 实现带默认值函数的正确方法

作者:木棉

时间:2026-10-26

浏览:358

本文探讨在JavaScript中实现带默认值函数的方法。早期版本不支持ES6默认参数语法,直接定义会导致错误。通过利用arguments对象获取实参数量并手动赋值,可以兼容旧环境实现默认参数功能,避免“缺少对象”报错。

文章目录

JavaScript 函数默认参数实现

起初,人们往往想当然地认为JavaScript会像PHP或Python等语言一样支持函数默认参数。


以下是相关的JavaScript代码示例。


具体代码如下:

 
function test(a,b="er"){
alert(a + b );
} 

然而,在定义该函数后,浏览器一直报错“缺少对象”。经过查阅资料发现,JavaScript确实不支持这种直接定义默认值的方式。我们可以借助arguments对象(它包含所有实参)来实现类似功能,参考下例:


JavaScript代码示例如下。


具体代码如下:

 
<script type="text/javascript">
function Test(a) {
var b = arguments[1] ? arguments[1] : 50;
return a + ':' + b;
} 
alert(Test(5));
alert(Test(5,9));
</script>

经过测试,这种方法确实可行。这提醒我们,编程有其特定的规则,不能仅凭其他语言的直觉行事。在此记录此方法,以免日后重犯类似错误。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章