控制语句 - switch 语句 - 穿透现象及避免方法

前端 - Javascript 《控制语句 - switch 语句 - 穿透现象及避免方法》

在前端开发中，JavaScript 是一门至关重要的编程语言，而控制语句则是 JavaScript 中实现程序逻辑的基础。其中，switch 语句是一种常用的条件判断语句，它能根据不同的条件执行不同的代码块。不过，switch 语句有一个特别的现象——穿透现象，下面我们就来详细了解一下。

什么是 switch 语句

switch 语句是一种多分支选择语句，它根据一个表达式的值，在一系列的选项中进行匹配，然后执行相应的代码块。其基本语法如下：

switch (expression) {
  case value1:
    // 当 expression 的值等于 value1 时执行的代码
    break;
  case value2:
    // 当 expression 的值等于 value2 时执行的代码
    break;
  default:
    // 当 expression 的值与所有 case 都不匹配时执行的代码
}

穿透现象

穿透现象是 switch 语句的一个特性，当 switch 语句中某个 case 分支的代码块没有 break 语句时，程序会继续执行下一个 case 分支的代码，直到遇到 break 语句或者 switch 语句结束。下面是一个简单的例子：

let day = 2;
switch (day) {
  case 1:
    console.log("星期一");
  case 2:
    console.log("星期二");
  case 3:
    console.log("星期三");
  case 4:
    console.log("星期四");
  case 5:
    console.log("星期五");
  case 6:
    console.log("星期六");
  case 7:
    console.log("星期日");
  default:
    console.log("输入无效");
}

在这个例子中，day 的值为 2，程序会从 case 2 开始执行，输出 “星期二”。由于 case 2 后面没有 break 语句，程序会继续执行 case 3、case 4 等分支的代码，最终输出结果为：

星期二
星期三
星期四
星期五
星期六
星期日

穿透现象的使用场景

虽然穿透现象可能会导致一些意外的结果，但在某些情况下，它也能发挥作用。比如，当多个 case 分支需要执行相同的代码时，可以利用穿透现象来简化代码。例如，判断一个月份属于哪个季节：

let month = 3;
switch (month) {
  case 12:
  case 1:
  case 2:
    console.log("冬季");
    break;
  case 3:
  case 4:
  case 5:
    console.log("春季");
    break;
  case 6:
  case 7:
  case 8:
    console.log("夏季");
    break;
  case 9:
  case 10:
  case 11:
    console.log("秋季");
    break;
  default:
    console.log("输入无效");
}

在这个例子中，利用穿透现象，我们可以将属于同一个季节的月份合并在一起，减少代码的重复。

避免穿透现象的方法

为了避免穿透现象带来的意外结果，我们可以在每个 case 分支的代码块末尾添加 break 语句。break 语句的作用是跳出 switch 语句，终止后续 case 分支的执行。修改前面的例子：

let day = 2;
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;
  case 6:
    console.log("星期六");
    break;
  case 7:
    console.log("星期日");
    break;
  default:
    console.log("输入无效");
}

这样，当 day 的值为 2 时，程序只会输出 “星期二”。

总结

通过了解 switch 语句的穿透现象及避免方法，我们可以更加灵活地运用 switch 语句来实现程序逻辑，避免因穿透现象导致的错误。在实际开发中，要根据具体需求决定是否利用穿透现象，同时要养成在 case 分支末尾添加 break 语句的好习惯。