JavaScript中Switch Case跳转错误：如何正确使用break命令

兄弟，这问题我踩过无数次坑！十有八九是你的switch语句里case分支没加break关键字导致的「贯穿行为」！

问题根源：switch的“贯穿”特性 #

switch语句在匹配到第一个符合条件的case后，会从这个位置开始依次执行后续所有case的代码，直到遇到break或者switch语句结束。也就是说，如果你在case "start"的代码块末尾没加break，执行完start分支的逻辑后，程序会直接“滑”到case "end"的代码块里继续执行，完全不会检查end的条件是否匹配。

错误示例（就是你现在的情况） #

// 错误写法：start分支没加break
const action = "start";
switch(action) {
  case "start":
    console.log("执行start分支");
    // 这里缺少break！
  case "end":
    console.log("执行end分支");
    break;
}

运行这段代码，控制台会同时输出执行start分支和执行end分支，和你描述的现象完全一致。

修复方法：给每个case分支加上break #

只要在每个case的代码块末尾加上break，就能终止当前分支的执行，避免贯穿到下一个case：

// 正确写法：每个分支都加break
const action = "start";
switch(action) {
  case "start":
    console.log("执行start分支");
    break; // 加break终止，不会进入end分支
  case "end":
    console.log("执行end分支");
    break;
}

这样运行后就只会输出执行start分支了。

当然，如果你确实需要让多个case共享同一段逻辑（故意贯穿），那可以不加break，但显然你这里是意外情况，加上break就能解决问题啦！

内容的提问来源于stack exchange，提问作者Kanerva Peter