JavaScript 函数参数默认值设置方法

作者:青柠

时间:2026-10-27

浏览:207

本文介绍在JavaScript中为函数参数设置默认值的方法。针对ES6之前版本,通过arguments对象判断参数是否传递,若未传则使用指定默认值。例如利用三元运算符或逻辑或运算符实现精简代码,解决无参调用时的标题或数值默认问题。

文章目录

JavaScript函数参数默认值设置方法

在开发基于Div和CSS模拟JavaScript信息框的类库时,遇到一个需求:当调用函数未传递参数时,希望自动将“提示信息”作为窗口标题。尝试使用如下写法:


代码如下:

 
function MessageBox(title=""){
} 

该写法运行失败(否则无需撰写此博文说明)



经过搜索查找,发现了一种有效方法


代码如下:

 
function test(a){
var b=arguments[0]?arguments[0]:50;
return a+':'+b;
} 

根据理解,arguments类似于一个数组,下标从0开始,依次代表该函数的各个参数



例如上例中,arguments[0]即表示参数a



此外,arguments[0]?arguments[0]:50 可简写为:arguments[0] || 50; 这种写法更为精简。以上即为JavaScript中设置函数参数默认值的方法。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章