JavaScript 条件分支语句介绍与使用

条件分支是编程中控制程序流程的核心结构，JavaScript 提供多种分支语句实现逻辑判断。以下是系统化解析：

一、基础语法结构

1. if 语句
   基础条件判断，语法：

   if (条件表达式) {
     // 条件为真时执行的代码
   }
   

   示例：

   let score = 85;
   if (score >= 60) {
     console.log("及格");
   }
   

2. if...else 语句
   二选一分支，语法：

   if (条件表达式) {
     // 条件为真时执行
   } else {
     // 条件为假时执行
   }
   

   示例：

   let isRaining = true;
   if (isRaining) {
     console.log("带伞出门");
   } else {
     console.log("享受晴天");
   }
   

二、多条件分支

1. else if 链式结构
   处理多个互斥条件：

   let temperature = 22;
   if (temperature > 30) {
     console.log("高温天气");
   } else if (temperature > 15) {
     console.log("舒适温度"); // 此句将执行
   } else {
     console.log("低温天气");
   }
   

2. switch 语句
   基于表达式精确匹配，比多重 if 更清晰：

   let day = "Wednesday";
   switch (day) {
     case "Monday":
       console.log("工作日开始");
       break;
     case "Friday":
       console.log("周末临近");
       break;
     default:  // 默认分支
       console.log("普通工作日");
   }
   

   关键特性：

   • break 防止穿透（若无 break 会继续执行后续 case）
   • default 处理未匹配情形

三、进阶技巧

1. 三元运算符
   简化双分支赋值：

   let age = 20;
   let status = age >= 18 ? "成年人" : "未成年人";
   console.log(status); // "成年人"
   

2. 逻辑短路赋值
   利用 && 和 || 快速处理：

   let config = null;
   let safeConfig = config || { theme: "default" }; // 设置默认值
   

四、使用场景对比

五、最佳实践

1. 避免深层嵌套：超过 3 层嵌套应改用 switch 或拆分函数
2. 严格类型检查：使用 === 避免隐式转换错误

   if (inputValue === 0) { /* 严格匹配数值0 */ }
   

3. 边界值处理：始终覆盖边界条件

   if (value > 0 && value <= 100) { /* 安全范围 */ }
   

通过合理组合这些分支结构，可构建高效可靠的业务逻辑。实际开发中建议优先选择 switch 处理多分支，用三元运算符简化简单赋值，复杂条件则使用 if...else if 链保证可读性。