掌握 `if`、`if else if`、`switch` 等条件分支语句使用

条件分支语句是编程中用于根据不同条件执行不同代码块的重要结构。JavaScript 提供了几种常用的条件判断语句，理解并熟练使用这些语句能帮助我们编写更加灵活和高效的代码。

1. `if` 语句

1.1 `if` 语句的基本结构

if 语句是最简单的条件判断语句，用于根据某个条件是否为 true 来决定是否执行一段代码。

基本语法

if (条件) {
  // 条件为 true 时执行的代码
}

1.2 `if` 语句使用示例

代码示例：判断一个数字是否大于零

let number = 5;

if (number > 0) {
  console.log("数字大于零");
}
// 输出：数字大于零

2. `if else` 语句

2.1 `if else` 语句的基本结构

if else 语句用于在 if 条件不成立时执行其他代码。

基本语法

if (条件) {
  // 条件为 true 时执行的代码
} else {
  // 条件为 false 时执行的代码
}

2.2 `if else` 语句使用示例

代码示例：判断一个数字是正数还是负数

let number = -3;

if (number > 0) {
  console.log("数字是正数");
} else {
  console.log("数字是负数");
}
// 输出：数字是负数

3. `if else if` 语句

3.1 `if else if` 语句的基本结构

if else if 语句用于多个条件判断，能够检查多个条件并选择第一个为 true 的代码块执行。

基本语法

if (条件1) {
  // 条件1为 true 时执行的代码
} else if (条件2) {
  // 条件2为 true 时执行的代码
} else {
  // 所有条件都为 false 时执行的代码
}

3.2 `if else if` 语句使用示例

代码示例：根据成绩判断成绩等级

let score = 85;

if (score >= 90) {
  console.log("成绩等级：A");
} else if (score >= 80) {
  console.log("成绩等级：B");
} else if (score >= 70) {
  console.log("成绩等级：C");
} else {
  console.log("成绩等级：D");
}
// 输出：成绩等级：B

4. `switch` 语句

4.1 `switch` 语句的基本结构

switch 语句用于根据变量的不同值来执行不同的代码块，比多个 if else 条件语句更加简洁和高效。

基本语法

switch (表达式) {
  case 值1:
    // 当表达式的值为值1时执行的代码
    break;
  case 值2:
    // 当表达式的值为值2时执行的代码
    break;
  default:
    // 如果没有匹配到任何 case 时执行的代码
}

4.2 `switch` 语句使用示例

代码示例：判断星期几

let day = 3;

switch (day) {
  case 1:
    console.log("星期一");
    break;
  case 2:
    console.log("星期二");
    break;
  case 3:
    console.log("星期三");
    break;
  case 4:
    console.log("星期四");
    break;
  case 5:
    console.log("星期五");
    break;
  default:
    console.log("周末");
}
// 输出：星期三

5. `switch` 语句的注意事项

switch 语句使用 break 来防止代码继续执行后续的 case，如果省略 break，会出现“穿透”效应，导致多个 case 被执行。
switch 语句比较的是表达式的 严格相等（===），即不仅会比较值，还会比较类型。

5.1 `switch` 穿透效应示例

代码示例：穿透效应

let fruit = 'apple';

switch (fruit) {
  case 'apple':
    console.log("这是苹果");
  case 'banana':
    console.log("这是香蕉");
    break;
  case 'orange':
    console.log("这是橙子");
    break;
  default:
    console.log("未知水果");
}
// 输出：这是苹果
// 输出：这是香蕉

上述代码中，缺少 break 语句，导致 "这是苹果" 和 "这是香蕉" 都被输出。