如何在JavaScript Switch语句中实现'all'触发全部case的穿透行为

原生JavaScript的switch语句没法直接让case 'all'同时触发case '1'和case '2'的代码块，但可以通过抽离重复逻辑为函数的方式实现需求，避免代码冗余，同时满足场景要求。

方案一：基于Switch语句的实现 #

先把case '1'和case '2'的逻辑单独封装成函数，再在switch中根据表达式调用对应函数：

// 抽离case逻辑为独立函数
function runCase1() {
  console.log('执行case 1的逻辑');
}

function runCase2() {
  console.log('执行case 2的逻辑');
}

// 目标表达式，可取值为'all'、'1'、'2'
const expression = 'all';

switch (expression) {
  case 'all':
    runCase1();
    runCase2();
    break;
  case '1':
    runCase1();
    break;
  case '2':
    runCase2();
    break;
  // 可选：处理其他未匹配的情况
  default:
    console.log('无效的表达式');
    break;
}

方案二：更直观的If-Else判断 #

如果觉得switch不够灵活，也可以用if条件判断直接实现，逻辑更清晰：

function runCase1() {
  console.log('执行case 1的逻辑');
}

function runCase2() {
  console.log('执行case 2的逻辑');
}

const expression = '1';

if (expression === 'all' || expression === '1') {
  runCase1();
}
if (expression === 'all' || expression === '2') {
  runCase2();
}

为什么原生Switch无法直接实现？ #

原生switch的执行逻辑是：匹配到对应的case后，会按顺序执行代码直到遇到break。没法让一个case直接"复用"其他case的代码块，硬写的话会导致case 'all'里重复复制case '1'和case '2'的代码，后续维护成本高。抽离函数的方式既满足需求，又保证代码的可维护性。

内容的提问来源于stack exchange，提问作者elhirach abderrazzak