你可能在写 JavaScript 时遇到这样的情况：a 已经在某个地方声明并赋值，但在别的地方访问时却抛出 ReferenceError。这往往让人困惑——如果变量已经存在为什么会出现“未定义”的错误？

一、先来看一个最常见的例子

假设你写了以下代码：

function foo {
var a = 42;}
foo，console.log;

从运行后会得到来看，

ReferenceError: a is not defined

虽然我们在 foo 内部给 a 赋值了但外部仍然报错。这是因为 JavaScript 的作用域机制把 a 限定在了函数内部。

再看痛点，变量是否真的“消失”了吗？

很多人误以为函数执行完毕后局部变量就被销毁了。但，变量本身并没有被“销毁”，只是它的可访问范围被限制在函数内部。即使多次调用函数，外部也无法看到这些局部变量。

当浏览器或 Node.js 接收到 JavaScript 源码时它不会直接按行执行，而是经历四个阶段：

• 词法分析: 把源码拆分成词法单元。
• 语法分析: 将词法单元组织成抽象语法树。
• 生成代码: 根据 AST 创建可执行的内部表示。
• 执行: 按照生成的代码开始运行。

是在执行之前。JavaScript 引擎已经扫描过整段代码，确定了所有变量和函数声明的位置还有它们所属的作用域。这一步就是简单讲的 “提高”。

说到痛点。提高只提高声明，不提高赋值！

三、声明与赋值是两回事！

说到考虑以下示例，

var a;console.log，// undefined
a = 100;console.log，其实，// 100

• 关键点一： 声明不等于初始化。
• 关键点二： 使用 时声明会被提高到当前作用域顶部，并自动初始化为 undefined。
• 关键点三： 只有赋值语句真正给变量设置具体值。

从痛点来看，不清楚什么时候可以拿到实际数值？

四、var 的提高到底怎么回事？

console.log;// undefined
var a = 10;console.log，// 10

• 虽然第二行先出现了打印。但是因为 `var` 声明会被提前到当前作用域顶部，所以代码等价于：
• 说到注意。只有`var` 声明会被提高，而`let` / `const` 不会。
• 这就是为什么你能看到 `undefined` 而不是报错。话说回来，

五、什么是作用域？

• 全局脚本最外层。例如 window.a = ... 在浏览器中；

• 函数每个 function{} 都有自己的命名空间；

• 块使用 {} 包住的区域。例如 if,for,或手动创建 {} 块。

说到例如，

function foo {
var a = 20;}
foo，console.log;// ❌ ReferenceError