在 switch 语句中，为每个 case 创建独立块级作用域（用 {} 包裹）可解决 let/const 同名变量重复声明问题；也可用 IIFE 兼容旧环境，或统一提取变量到 switch 外部赋值。
在 JavaScript 的 switch 语句中，每个 case 分支本身不构成独立作用域，所以直接用 let 或 const 在不同 case 中声明同名变量会报错（重复声明），而用 var 又会因函数作用域导致变量提升和意外覆盖。解决的关键是：**为每个需要局部变量的 case 创建独立块级作用域**。
用大括号 {} 显式创建块级作用域
这是最常用、最清晰的方式。在 case 后立即加一对花括号，把变量声明和逻辑都包在里面：
switch (value) {
case 1: {
const message = "处理数字1";
console.log(message);
break;
}
case 2: {
const message = "处理数字2"; // ✅ 合法：与上面的 message 不冲突
console.log(message);
break;
}
default: {
const message = "未知值";
console.log(message);
break;
}
}
注意：花括号必须紧跟在 case 冒号后（或换行后紧邻），且不能省略 break（否则会穿透）。这种写法利用了 ES6 的块级作用域特性，每个 {} 是一个独立的词法环境。
用 IIFE（立即执行函数表达式）隔离作用域（旧环境兼容）
如果运行环境不支持块级作用域（如极老版本 Node.js 或需兼容 IE），可用函数自调用方式：
立即学习“Java免费学习笔记（深入）”；
case 1: (function() { let x = 10; console.log(x); })(); break;- 每次
case都新建一个函数作用域，变量完全隔离 - 缺点是语法稍冗长，现代代码一般不推荐
避免在 case 中直接声明同名变量（不推荐的写法）
以下写法看似可行，但存在隐患：
switch (value) {
case 1:
let x = 10; // ❌ 语法错误：同一作用域内重复声明
break;
case 2:
let x = 20; // 报错！x 已在当前 switch 块中声明过
break;
}
即使加了 break，let/const 的声明仍属于整个 switch 所在的块（比如函数体），不是 case 级别。所以不要依赖 break 来“结束声明作用域”。
统一提取到 switch 外部（适合简单共享变量）
如果多个 case 中的变量逻辑相似，可提前声明，再在各分支中赋值：
let result;
switch (value) {
case 1:
result = "one";
break;
case 2:
result = "two";
break;
default:
result = "unknown";
}
console.log(result); // ✅ 安全使用
这种方式适合变量用途一致、只需赋不同值的场景，不适用于每个 case 需要完全独立结构或复杂初始化的情况。
核心就一条：想局部，就加 {}。它轻量、标准、易读，是现代 JavaScript 中最自然的解法。
