JavaScript中&&与||混合使用的条件判断结果咨询

嘿，我来帮你把这个问题拆解清楚！

1. 给定参数时条件的返回值 #

先看你给出的条件语句：

if( height === 0 || weight === 0 && waist === 0 || shoeSize === 0 ) { ...do something }

当height=1、weight=1、waist=0、shoeSize=0时，咱们得先记住JavaScript里**&&的优先级比||高**——也就是说，会先计算&&连接的部分，再算||的逻辑。

一步步拆解计算：

• 先算weight === 0 && waist === 0：weight是1，所以weight ===0是false，false && 任何值结果都是false；
• 现在条件简化成：height ===0 || false || shoeSize ===0；
• height===0是false，shoeSize===0是true，所以整个表达式最终是false || false || true，返回true。

2. 为什么你的执行结果不符合预期？ #

你的代码结构是这样的：

if(something){ 
  function1 
} else if(上述示例条件) { 
  function2 
} else { 
  function3 
}

你预期执行function3但实际没实现，大概率是这两个原因之一：

• 要么something的结果是true，直接走了function1；
• 要么something是false，但上述示例条件返回了true（就像咱们刚才算的情况），所以触发了function2，没走到else分支的function3。

核心问题是你可能忽略了运算符优先级，导致条件的实际逻辑和你预期的不一样。比如如果你原本想表达的是「height为0，或者weight和waist同时为0，或者shoeSize为0」，那当前条件是对的；但如果你的真实需求是其他逻辑（比如「所有值都不为0才走function3」），那就要调整条件写法了。

3. 怎么避免这类优先级踩坑？ #

• 主动加括号：不确定优先级的时候，把你想先计算的逻辑用括号包起来，既提升可读性，也不会出错。比如把条件改成：

  if( (height === 0) || (weight === 0 && waist === 0) || (shoeSize === 0) )
  

• 拆分复杂条件：把大条件拆成多个变量，调试和维护都更方便：

  const isHeightZero = height === 0;
  const isWeightWaistZero = weight === 0 && waist === 0;
  const isShoeSizeZero = shoeSize === 0;
  if (isHeightZero || isWeightWaistZero || isShoeSizeZero) { ... }
  

内容的提问来源于stack exchange，提问作者Smokey Dawson