JS设置默认值
在js中为参数设置默认值,最常用的两个方法,第一个是三元运算符,第二个就是||运算符。
var a = args[0] ? args[0] : 1; //设置a的默认值为1
var a = args[0] || 1; //设置a的默认值为1
||运算符设置默认值的逻辑运算
使用||运算符设置默认值的方式,是平时使用的比较多的。但前几天,在项目中发现了一个bug,代码是这种形式的:
var a = args[0] || 1 + args[1] || 1 + args[3] || 1;
这段代码的本意是,为args[0]、args[1]、args[2]设置默认值为1,并将三者加和赋值给a。
但是问题出现了,当args[0]、args[1]、args[2]都没有值时,a的值并非三者默认值的和3,而是1。
这里就需要了解一下,使用||设置默认值的原理了,使用||运算符设置默认值时,会将||两侧的值转换为Boolean类型,取第一个为true的值作为最终值。
这就解释了为什么上面的代码,a的结果是1。
所以在使用||运算符设置默认值,并进行运算时,需要加括号将其隔离开来,如下改写,即可正确实现。
var a = (args[0] || 1) + (args[1] || 1) + (args[3] || 1);