如何在switch的case中执行多个其他case逻辑？

1. 函数提取（基础且可靠） #

这是你已经想到的方案，优化后能兼顾可读性和维护性：把每个case的逻辑封装成独立函数，需要复用时直接调用即可。

const handleCase1 = () => {
  // do something 1
};

const handleCase2 = () => {
  // do something 2
};

const handleCase3 = () => {
  // do something 3
  handleCase2();
  handleCase1();
};

switch(variable) {
  case 1:
    handleCase1();
    break;
  case 2:
    handleCase2();
    break;
  case 3:
    handleCase3();
    break;
}

如果逻辑简短，甚至可以用内联箭头函数省略单独声明：

switch(variable) {
  case 1: {
    const fn = () => {/* do something 1 */};
    fn();
    break;
  }
  case 2: {
    const fn = () => {/* do something 2 */};
    fn();
    break;
  }
  case 3: {
    /* do something 3 */
    (() => {/* do something 2 */})();
    (() => {/* do something 1 */})();
    break;
  }
}

2. 对象映射替代switch（更灵活） #

用对象键值对映射case与对应逻辑，复用逻辑时直接调用对应属性，比switch扩展性更强：

const caseHandlers = {
  1: () => {/* do something 1 */},
  2: () => {/* do something 2 */},
  3: () => {
    /* do something 3 */
    caseHandlers[2]();
    caseHandlers[1]();
  }
};

// 调用对应逻辑，可选添加默认处理
caseHandlers[variable]?.() || (() => {/* default logic */})();

3. 调整switch结构实现定向穿透 #

如果可以调整case顺序，把需要复用的逻辑前置，利用穿透特性触发，但仅适用于按顺序复用的场景：

switch(variable) {
  case 3:
    // do something 3
    // 不写break，进入下一个case
  case 2:
    // do something 2
    // 不写break，进入下一个case
  case 1:
    // do something 1
    break;
  default:
    // default logic
}

注意：这种方法无法实现跳级复用（比如case3只调用case1不调用case2），局限性较强。

4. TypeScript类型安全方案 #

在TS中，用联合类型约束变量取值，结合对象映射既保证类型安全，又能实现逻辑复用：

type CaseType = 1 | 2 | 3;

const caseHandlers: Record<CaseType, () => void> = {
  1: () => {/* do something 1 */},
  2: () => {/* do something 2 */},
  3: () => {
    /* do something 3 */
    caseHandlers[2]();
    caseHandlers[1]();
  }
};

const variable: CaseType = 3;
caseHandlers[variable]();

TS会强制检查每个case都有对应处理函数，避免漏写或调用不存在的逻辑。

5. 极简技巧：内联IIFE复用短逻辑 #

如果只是偶尔复用简短逻辑，不想单独声明函数，可以用立即执行函数包裹逻辑，在需要的地方重复调用：

switch(variable) {
  case 1:
    (() => {/* do something 1 */})();
    break;
  case 2:
    (() => {/* do something 2 */})();
    break;
  case 3:
    /* do something 3 */
    (() => {/* do something 2 */})();
    (() => {/* do something 1 */})();
    break;
}

注意：逻辑复杂时会降低可读性，仅适合短逻辑场景。

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