JS中switch的case穿透指匹配后无break或return时继续执行下一case，可简洁处理多值同逻辑、连续范围分组及事件归并，但需主动省略终止语句并注意避免意外穿透。
JS 中 switch 的 case 穿透（fall-through）是指：当某个 case 匹配后，若没有 break 或 return 等终止语句，代码会继续执行下一个 case 的语句块——这看似容易出错，但合理利用能简洁处理「多个值执行相同逻辑」的场景，尤其适合连续数值、相邻状态或分类归并。
用穿透合并多个等价条件
当多个值应触发同一段处理逻辑时，省略中间的 break，让它们“共用”后续代码块：
function getGrade(score) {
switch (true) {
case score >= 90:
return 'A';
case score >= 80: // 不写 break → 自动落到下一个 case
case score >= 70: // 同样不写 break
case score >= 60:
return 'B';
default:
return 'F';
}
}
这里 70–89 分都返回 'B'，靠穿透避免重复写四次 return 'B'。注意：这种写法依赖 switch(true) + 布尔表达式，本质是把 switch 当作多分支 if-else 的替代。
处理连续整数范围（如月份分组）
对编号连续、需按区间分组的场景（如季度、工作日/周末），可直接列出数字 case 并穿透：
function getQuarter(month) {
// month 是 1~12
switch (month) {
case 1:
case 2:
case 3:
return 'Q1';
case 4:
case 5:
case 6:
return 'Q2';
case 7:
case 8:
case 9:
return 'Q3';
case 10:
case 11:
case 12:
return 'Q4';
}
}
比写六个 if (month === 1 || month === 2 || ...) 更清晰，也比每个 case 都写一遍 return 更紧凑。
穿透配合 return 提前退出，避免冗余判断
在函数内使用 switch 时，用 return 替代 break 可自然终止，无需担心穿透影响后续逻辑：
function handleEvent(type) {
switch (type) {
case 'click':
case 'tap':
console.log('Interaction detected');
return handleInteraction();
case 'hover':
case 'focus':
console.log('Attention triggered');
return handleAttention();
case 'error':
console.error('Something went wrong');
return recover();
default:
console.warn('Unknown event type');
return;
}
}
每个分支以 return 结束，既利用穿透归并同类行为，又彻底隔绝执行流，安全且易读。
注意事项：穿透不是默认行为，必须主动省略 break
case 穿透不会自动发生——它只在你**刻意不写终止语句**时才生效。常见误区包括：
- 忘记写
break或return导致意外穿透（调试时难发现） - 在非函数作用域中滥用穿透，导致后续 case 被误执行（推荐只在有明确终止机制的上下文中使用）
- 混用穿透与
default：确保default在最后且含终止语句，否则可能穿透到外部（语法上虽允许，但极易出错）
为提升可维护性，可在穿透的 case 后加注释，如 // fall through，现代 linter（如 ESLint）也会提示是否遗漏 break。
