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

最新推荐文章于 2024-06-25 02:26:07 发布

Amber8080

最新推荐文章于 2024-06-25 02:26:07 发布

阅读量1.5k

点赞数

分类专栏：疑难杂症文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Amber8080/article/details/115676373

版权

疑难杂症专栏收录该内容

3 篇文章

订阅专栏

本文探讨了在JavaScript中如何为参数设置默认值，特别是使用三元运算符和||运算符的情况。通过一个实际的bug案例，解释了||运算符在设置默认值时的逻辑，以及为何在进行运算时可能导致预期外的结果。正确使用||运算符设置默认值的关键在于理解其短路性质和Boolean转换规则。为避免错误，建议在涉及运算时使用括号确保正确的求值顺序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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