JavaScript条件语句的关键在于避坑：隐式转换（如if(x==true)与if(x)行为不同）、else if语法结构优于else{if}嵌套、三元运算符仅用于无副作用的表达式，复杂逻辑需借真值表确保边界覆盖。
JavaScript 中的条件语句不是“怎么写对”，而是“怎么写不踩坑”——if 看似简单，但隐式转换、作用域泄漏、嵌套歧义和 else if 与 else { if } 的行为差异，才是实际开发中最常出问题的地方。
为什么 if (x == true) 和 if (x) 行为完全不同？
这是最易被忽略的隐式转换陷阱。JavaScript 在布尔上下文中会调用 ToBoolean 规则，但 == true 是先做类型转换再比较，结果不可靠。
-
if ([1])→ 执行（非空数组是 truthy） -
if ([1] == true)→ 不执行（[1]转字符串为"1"，再转数字为1；true转数字也是1，所以这个例子反而相等 —— 但换成[2]就不等了） -
if ("0")→ 执行（非空字符串是 truthy），但"0" == true是false
正确做法：只用 if (x) 检查真值性；需要精确匹配布尔值时，用 if (x === true)。
else if 是语法结构，不是 else { if () {} }
看起来只是写法差异，但影响控制流可读性和调试逻辑。JS 引擎把 else if 当作单个语句处理，而 else { if () {} } 是嵌套块，容易误判作用域和断点位置。
立即学习“Java免费学习笔记（深入）”；
- ✅ 推荐：
if (a) {} else if (b) {} else if (c) {} else {} - ❌ 避免：
if (a) {} else { if (b) {} else { if (c) {} } }—— 增加缩进层级，且else块内变量声明会被提升到外层函数作用域（若用var） - ⚠️ 注意：
else if没有独立作用域，所有分支共享同一作用域；想隔离变量请用let/const或立即执行函数
三元运算符 ? : 什么时候该用、什么时候不该用？
它本质是表达式，不是语句。能用在赋值、返回、参数传入等需要值的上下文；但一旦带上副作用（如调用函数、修改状态），就该退回到 if。
- ✅ 合理：
const label = isActive ? "启用" : "停用"; - ✅ 合理：
return isMobile ? renderMobile() : renderDesktop(); - ❌ 危险：
isActive ? doLogin() : doLogout();—— 可读性差，且无法添加中间日志或错误处理 - ❌ 错误：
isActive ? console.log("on") : console.log("off");—— 应直接用if，语义更清晰
真正难的不是写出一个能运行的 if，而是当需求变成“满足 A 且不满足 B，或者 C 为 null 但 D 存在”时，能否一眼看出逻辑覆盖是否完整、有没有漏掉 null 和 undefined 的边界情况。这时候，别急着写条件，先画真值表，再决定用 if、switch 还是提前 return。
