JavaScript中如何分组逻辑运算符？状态判断简化写法可行吗？

嘿，我来帮你拆解这两个JavaScript问题：

在JavaScript里，你可以用**圆括号()**来对逻辑运算符进行分组，这就和数学运算里的括号作用类似——括号包裹的表达式会被优先计算，从而改变默认的逻辑运算优先级，让你的逻辑更符合预期。

举几个实际例子帮你理解：
默认情况下，&&的优先级比||高，所以不加括号时会先执行&&：

const a = true, b = false, c = true;
console.log(a || b && c); // 输出true，先算b&&c得到false，再算a||false得到true

如果用括号改变执行顺序，就会先算括号里的||：

console.log((a || b) && c); // 输出true，先算a||b得到true，再算true&&c得到true

再换个场景对比：

console.log(a && b || c); // 输出true，先算a&&b得到false，再算false||c得到true
console.log(a && (b || c)); // 输出true，先算b||c得到true，再算a&&true得到true

通过括号，你可以精准控制逻辑运算的执行顺序，避免因为默认优先级导致的意外结果。

你尝试的if (status !== 'good' && 'bad'){}这种写法完全不可行，原因其实很直观：

JavaScript的逻辑运算符&&要求两侧都是布尔值（或者能被隐式转换为布尔值的表达式）。你写的'bad'是一个非空字符串，在JS里会被自动转换为true。所以这个表达式本质上等价于：

if (status !== 'good' && true) {}

这会导致逻辑完全出错：

• 当status是'good'时，status !== 'good'为false，整个表达式是false && true = false，不会触发错误（这部分是对的）；
• 但当status是'bad'时，status !== 'good'为true，加上&& true后整个表达式是true，会错误地触发错误逻辑（这和你的需求完全相反）；
• 只有当status是其他值（比如'unknown'）时，表达式才会正确触发错误。

那正确的简化写法有哪些？给你两种常用的方案：

1. 使用数组includes方法（ES6及以上支持，代码简洁又易读）：

if (!['good', 'bad'].includes(status)) {
  // 触发错误的逻辑
}

['good','bad'].includes(status)会判断status是否在数组中，前面加!取反，就表示status既不是good也不是bad。

2. 基于德摩根定律重构逻辑：
   原逻辑status !== 'good' && status !== 'bad'，根据德摩根定律可以等价转换为!(status === 'good' || status === 'bad')，写法如下：

if (!(status === 'good' || status === 'bad')) {
  // 触发错误的逻辑
}

这种写法和原代码逻辑完全一致，比原代码稍微简洁一些。

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