本文介绍在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中设置函数参数默认值的方法。