本文详解JavaScript中if...else条件判断语句的用法。重点讲解省略大括号{}带来的潜在风险，如改变控制流导致逻辑错误，并建议始终使用大括号。同时介绍多条件判断中else if的写法及执行特点，确保代码可读性与正确性。
JavaScript条件判断基础
JavaScript通过if...else语句实现条件分支逻辑。以根据年龄显示不同内容为例，基本语法结构如下：
var age = 20;
if (age >= 18) { // 如果age >= 18为true，则执行if语句块
alert('adult');
} else { // 否则执行else语句块
alert('teenager');
}其中else部分为可选。若语句块仅含单条语句，大括号{}可省略：
var age = 20;
if (age >= 18)
alert('adult');
else
alert('teenager');省略大括号的风险
省略大括号存在隐患。后续若添加新语句而未补全大括号，将改变if...else的控制语义，例如：
var age = 20;
if (age >= 18)
alert('adult');
else
console.log('age < 18'); // 添加一行日志
alert('teenager'); // <- 这行语句已经不在else的控制范围了上述代码中，else子句仅控制console.log('age < 18')的执行，原alert('teenager')已脱离if...else范围，导致其无条件执行。
相反，保留大括号的写法可避免此类错误：
var age = 20;
if (age >= 18) {
alert('adult');
} else {
console.log('age < 18');
alert('teenager');
}因此，建议始终使用大括号{}。
多条件分支处理
多条件分支处理
需更细致判断时，可组合多个if...else：
var age = 3;
if (age >= 18) {
alert('adult');
} else if (age >= 6) {
alert('teenager');
} else {
alert('kid');
}该结构等效于嵌套两层if...else：
var age = 3;
if (age >= 18) {
alert('adult');
} else {
if (age >= 6) {
alert('teenager');
} else {
alert('kid');
}
}通常将else if连写以提升可读性。此处else省略{}无误，因其仅含单条if语句。注意最后一个独立else不可省略{}。
需注意，if...else执行具有互斥性：一旦某条件成立，后续条件不再判断。