JS使用||运算符设置默认值

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);