javascript中局部遮蔽是语言自动机制：内层同名声明（var/let/const/参数）会屏蔽外层变量，无法“取消”，只能通过重命名、闭包捕获或window显式引用全局变量来规避。
JavaScript中局部遮蔽（variable shadowing）不是“手动操作”，而是语言机制自动发生的——只要在内层作用域声明了与外层同名的变量，就会自然遮蔽外部变量。访问被遮蔽的外部同名变量，不能靠“取消遮蔽”，而要靠**避免遮蔽**或**显式引用外层绑定**。
局部遮蔽是怎么发生的
遮蔽由声明触发，不是赋值。以下情况都会导致遮蔽：
- 函数内用 var/let/const 声明与外层同名变量（哪怕声明在代码块末尾，也会在整个作用域生效）
- 函数参数名与外层变量同名（如
function fn(x) { ... }，调用时传入值，参数x就屏蔽了外层x） - 嵌套函数内部再次声明同名变量（每个函数作用域独立，内层
let x遮蔽外层let x）
为什么不能“取消遮蔽”
JS 没有类似 C++ 的 :: 或 Python 的 nonlocal 语法来强制跳过当前作用域去读外层同名变量。一旦遮蔽发生，当前作用域内所有对该标识符的引用都绑定到内层声明，引擎不会回退查找。
例如：
let x = 'outer';
function foo() {
let x = 'inner';
console.log(x); // 输出 'inner' —— 外层 x 完全不可见
}
如何安全访问外部同名变量
核心思路是：不依赖同名访问，改用无冲突的方式传递或引用。
-
重命名局部变量：最推荐。比如外层叫
userId，函数内就用currentId或inputId - 用闭包捕获外层值：把需要的外部变量作为自由变量保留在回调或嵌套函数中，不重名就不会遮蔽
-
全局变量可走
window.x（浏览器环境）：仅限真正的全局变量（var x = ...或顶层let/const x），且需确认未被模块化隔离 -
函数参数换名：避免回调形参与外层常量同名，例如不用
(data) => {...}而用(item) => {...}防止遮蔽外层data
特别注意易错点
这些行为 不会 触发遮蔽，但常被误认为能“访问外部”：
- 没声明就直接赋值：
x = 100（非严格模式下会修改全局x，严格模式报错） - 只读取不声明：
console.log(x)（此时才沿作用域链向上找，前提是没在当前作用域声明过x） - 用
this、arguments等特殊对象：它们不参与普通变量遮蔽逻辑，但和问题无关
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
