JavaScript变量声明方式（var、let、const）及作用域规则（全局、函数、块级、模块）决定数据可访问性与安全性；var存在提升和函数作用域，let/const为块级作用域且无提升，推荐优先使用const和let，避免var。
JavaScript 变量声明方式和作用域规则直接影响代码是否能正常访问数据、是否存在意外覆盖或报错。理解清楚这两点，能避免很多隐蔽 bug。
变量声明的三种方式：var、let、const
var 声明的变量存在变量提升（hoisting），且具有函数作用域；在块级（如 if、for 内）中声明，仍可在块外访问。例如：
console.log(a); // undefined
var a = 1;
let 和 const 是 ES6 引入的，不存在变量提升，且是块级作用域。同一作用域内不能重复声明，且 const 声明后必须初始化，之后不可重新赋值（注意：对象/数组内容仍可修改）。
立即学习“Java免费学习笔记（深入）”；
- 用 const 声明不打算重新赋值的变量（推荐优先使用）
- 用 let 声明需要后续修改的变量（如循环计数器、条件分支中的值）
- 避免使用 var，除非需兼容极老环境或明确需要函数作用域与提升行为
作用域类型：全局、函数、块级、模块
作用域决定了变量在哪里“可见”和“可用”。JS 中：
- 全局作用域：脚本顶层声明的变量，在整个脚本中都可访问（注意：浏览器中会挂到 window 上）
- 函数作用域：var 声明的变量只在函数内部有效；函数内部可访问外部变量（作用域链）
- 块级作用域：由 { } 包裹的区域（如 if、for、switch），let/const 在其中声明即受限于此
- 模块作用域：ES6 模块（import/export）中，顶层声明默认仅在当前模块内有效，不会污染全局
作用域链与变量查找机制
当访问一个变量时，JS 引擎从当前作用域开始查找，找不到就向上一级作用域找，直到全局；如果全程未找到，就报 ReferenceError。闭包正是基于这个机制实现的——内部函数即使在外部调用，依然能访问其定义时的词法作用域。
例如：
function outer() {
const x = 10;
return function inner() {
console.log(x); // 仍能访问 outer 的 x
};
}
const fn = outer();
fn(); // 输出 10
常见陷阱与建议
- 在 for 循环中用 var 声明 i，会导致所有异步回调共享同一个 i（如 setTimeout），改用 let 可解决
- 不要在不同作用域用相同名字声明变量（尤其全局和函数内），容易覆盖或混淆
- 模块文件默认启用严格模式，且顶层 this 为 undefined，有助于提前暴露问题
- 使用 ESLint 或 TypeScript 能自动检测作用域相关错误（如未声明变量、重复声明、块级变量提升误用）
