JavaScript 中 switch 的 case 默认不构成块级作用域，导致 let/const 在不同 case 中重复声明报错；解决方法是在每个 case 后加 {} 创建独立块作用域，使变量仅在该块内有效。
在 JavaScript 中，switch 语句的每个 case 默认**不构成块级作用域**，也就是说，用 let 或 const 声明的变量如果直接写在 case 后，会受“声明提升”和作用域链影响，容易引发意外冲突或报错（比如重复声明）。解决方法很简单：在 case 分支内用一对大括号 {} 手动创建一个独立的块级作用域。
为什么需要大括号？
因为 case 只是跳转标签，不是作用域边界。下面这段代码会报错：
switch (x) {
case 1:
let a = 1;
break;
case 2:
let a = 2; // SyntaxError: Identifier 'a' has already been declared
break;
}两个 case 在同一作用域中重复声明了 let a —— 即使逻辑上不会同时执行，JS 引擎仍会在编译阶段检查整个 switch 块内的声明，导致报错。
用大括号包裹每个 case 实现块级作用域
给每个 case 加上 {}，就能让里面的 let/const 仅在该块内有效：
立即学习“Java免费学习笔记（深入）”；
Smart Model Switcher V5
下载
智能模型自动切换 V5.0.2 - 多模态感知，自动识别图片/视频/音频/代码/文本任务，切换最优模型。支持图片理解(qwen3-vl-plus)、视频音频(qwen3.5-plus)、代码(glm-5)、Office文档(MiniMax-M2.5)、推理等场景。零感知切换，无需手动操作。
- 每个
case内部变成独立的词法环境 - 不同
case可以安全地使用同名的let/const变量 -
break仍需保留，避免穿透（fall-through），大括号不影响控制流
示例：
switch (x) {
case 1: {
let msg = "Hello";
console.log(msg); // OK
break;
}
case 2: {
let msg = "World"; // 不冲突！新块，新作用域
console.log(msg); // OK
break;
}
default: {
const PI = 3.14;
console.log(PI);
}
}注意 break 和大括号的位置
大括号必须紧跟在 case 标签后（或换行后），不能放在 break 后面，否则就失去了包裹声明的作用：
- ✅ 正确：
case 1: { /* ... */ break; } - ❌ 错误：
case 1: let a = 1; break; { /* 这里大括号没包住声明 */ }
另外，如果某个 case 需要穿透（比如多个 case 共享逻辑），仍可使用块作用域，但要确保变量声明位置合理，避免提前访问。
替代方案与补充说明
除了加 {}，还有几种思路，但各有局限：
- 统一用
var：能规避重复声明错误，但变量提升、作用域宽泛，不推荐 - 把逻辑抽成函数：每个
case调用独立函数，自然隔离作用域，适合复杂逻辑 - 改用
if/else：天然具备块作用域，适合分支少、条件较复杂的场景
不过，对大多数情况，给 case 加大括号是最轻量、最直观、也最符合直觉的解法。
