JavaScript教程：深入理解switch语句-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00472/article/details/148416152

JavaScript教程：深入理解switch语句

zh.javascript.info 现代 JavaScript 教程（The Modern JavaScript Tutorial），以最新的 ECMAScript 规范为基准，通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。项目地址: https://gitcode.com/gh_mirrors/zh/zh.javascript.info

什么是switch语句

switch语句是JavaScript中用于多条件分支选择的结构化控制语句。它提供了一种比多个if-else语句更清晰、更易读的方式来处理多个条件分支的情况。

switch语句的基本语法

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

switch语句的工作原理

表达式求值：首先计算switch括号内的表达式
严格比较：将表达式结果与每个case后的值进行严格相等(===)比较
执行匹配：找到第一个匹配的case并执行其后的代码块
break作用：遇到break语句会退出整个switch结构
默认情况：如果没有匹配的case且存在default分支，则执行default代码块

关键特性详解

break的重要性

break语句在switch中起着至关重要的作用，它告诉JavaScript引擎停止执行switch语句中的其他case。如果省略break，会发生"case穿透"现象，即程序会继续执行下一个case的代码，直到遇到break或switch结束。

let fruit = 'apple';

switch(fruit) {
  case 'banana':
    console.log('This is a banana');
    // 缺少break会继续执行下一个case
  case 'apple':
    console.log('This is an apple');
    // 缺少break会继续执行下一个case
  case 'orange':
    console.log('This is an orange');
    break;
  default:
    console.log('Unknown fruit');
}
// 输出:
// This is an apple
// This is an orange

case分组技巧

当多个case需要执行相同的代码时，可以利用case穿透特性进行分组：

let month = 2;
let days;

switch(month) {
  case 1: case 3: case 5: case 7: case 8: case 10: case 12:
    days = 31;
    break;
  case 4: case 6: case 9: case 11:
    days = 30;
    break;
  case 2:
    days = 28; // 简化的闰年判断
    break;
  default:
    days = 0;
}

类型严格匹配

switch使用严格相等比较(===)，这意味着类型必须完全匹配：

let input = "5"; // 字符串类型

switch(input) {
  case 5: // 数字类型
    console.log('数字5');
    break;
  case "5":
    console.log('字符串"5"'); // 这个会被执行
    break;
  default:
    console.log('其他情况');
}