作用域链决定变量查找路径，变量提升影响声明时机；词法作用域下函数“家”固定，查找从内到外逐层向上；var仅提升声明，let/const存在TDZ，function整体提升；两者叠加易致undefined或ReferenceError。
作用域链和变量提升是 JavaScript 执行机制的两个底层支柱，它们不打架，但会互相影响。理解它们的关键，不是死记规则，而是看清“代码怎么被读”和“变量在哪能被找到”这两件事。
作用域链：变量从哪找，怎么一层层往上翻
JavaScript 用的是词法作用域——函数在哪写的，它的“家”就定在哪，跟它在哪被调用没关系。每次函数执行，引擎都会为它建一条“查找路径”，叫作用域链。
- 这条链从当前函数自己的作用域开始，接着是外层函数的作用域，最后到全局作用域
- 查找变量时，引擎严格按这个顺序搜：先看自己有没有，没有就问“爸妈”（外层函数），再没有就问“祖辈”（全局）
- 一旦找到同名变量，就停，不会继续往上；内层变量会自然遮蔽外层同名变量
比如：let a = 1; function f() { let a = 2; console.log(a); } f(); // 输出 2，不是 1 —— 因为 f 自己的 a 在作用域链最前端，根本没机会去翻外层的。
变量提升：声明被“提前”，但不是所有声明都一样
提升不是代码真的被剪切粘贴到顶部，而是 JavaScript 引擎在预处理阶段，对声明做的一次“登记”。不同声明方式，登记方式完全不同：
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
立即学习“Java免费学习笔记（深入）”；
- var：只提升声明，赋值不动；提升后初始值是 undefined
- let / const：声明会被记录，但变量处于“暂时性死区”（TDZ）——从块开头到声明语句之间，访问就报错
- function 声明：整个函数定义（包括函数体）都被提升，所以能在声明前调用
注意：提升只发生在当前作用域内。外层的 var 不会“冒泡”进内层作用域，内层的 let 也不会影响外层查找逻辑。
两者怎么一起工作：遮蔽 + 提升 = 常见坑
当同名变量出现在嵌套作用域中，作用域链决定“找谁”，而提升决定“它此时有没有值”。
- 如果内层用 var 声明同名变量，它会在本作用域顶部被提升，导致外层同名变量被遮蔽，且初始值为 undefined
- 如果内层用 let 声明同名变量，它虽被登记，但在声明前访问会直接报错（TDZ），不会输出 undefined
- 函数内部未声明却直接使用变量，引擎会顺着作用域链一直找到全局；但如果全局也没，就 ReferenceError
例子：let x = 'global'; function test() { console.log(x); let x = 'local'; } test(); // 报错：Cannot access 'x' before initialization —— 因为 let x 的 TDZ 覆盖了整个块，即使外层有 x，也进不去。
怎么避免踩坑：三条实用建议
- 默认用 let/const，不用 var；能减少因提升带来的意外 undefined
- 函数内用到的变量，尽量在顶部或靠近使用处显式声明，别依赖“后面会定义”
- 调试时遇到奇怪的 undefined 或 ReferenceError，先画出当前函数的作用域链，再标出每个变量的声明位置和类型（var/let/const）
