先聊聊啥叫变量提升，别整得太严肃

说实话，hen多人听到“提升”就脑子里浮现一座高塔。

其实嘛，就是把变量的声明提前到作用域Zui前面。

哈哈，这事儿在 V8 编译阶段就Yi经安排好了。

别急，我慢慢给你拆开来讲。

V8 的编译过程到底是怎么跑的？

先把代码扔进 V8，引擎立马开启两条线：解析器和编译器。

解析器把源码变成抽象语法树，像把文字变成结构化的砖块。

接着编译器遍历 AST，Zuo三件事：语法检查、变量/函数提升、生成字节码。

这一步完成后代码还没跑，却Yi经把所有 var 和 function 的名字挂在了执行上下文里。

全局执行上下文的“出生仪式”

var a;
function foo {}
// 上面两行是编译阶段自动加上的

kan到没，var a 只占个位，值是

所以当我们在全局代码里随手写 `console.log` 时根本不会报错，只会输出

函数执行上下文——从零开始的新世界

每次调用函数，V8 dou会新建一个执行上下文对象。

这个对象里有两个小仓库：变量环境和词法环境。

function bar {
    var y;
    let z;
}

x、y 先被登记进变量环境，值为

let/const 也会提升，只是“抬不起头”

不对不对，我刚才说错了——let/const 真的会被提升，只是它们在 TDZ 里不Neng使用。

所以 `console.log` 在声明前会抛 ReferenceError，而不是

console.log; // ReferenceError
let b = 10;

块级作用域的魔力

{ … } 不只是写代码的装饰，它们会创建独立的词法环境。

在块里用 var，那玩意儿还是跑到Zui近的函数作用域去，根本不管块边界。

if  {
    var i = 1;
}
console.log; // 1，因为 var 不认块

为什么百度不收录？——顺带回答一下

这个问题常被问，其实跟 JS 提升没关系，但也值得一说：

答案大概是：内容质量不够、缺少有效外链、或者页面结构混乱导致搜索引擎抓取不到核心信息。

所以咱们写文章要注意标题明确、段落清晰、适当加点关键词，这样才Neng让百度geng爱你。

一步步追踪调用栈的变化

LIFO是调用栈Zui基本的规则，就像一堆盘子，你只Neng从Zui上面拿或放。

function outer {
    console.log;
    inner;
    console.log;
}
function inner {
    console.log;
}
outer;

运行时栈顶依次是 outer → inner → outer 完成后弹出回到全局。

A/B 测试：var vs let 在循环里的表现

// 用 var
for  {
    setTimeout => console.log, 0);
}
// 用 let
for  {
    setTimeout => console.log, 0);
}

a) var 输出dou是 3，因为同一个 i 被共享，循环结束后才执行回调。

b) let 输出 0、1、2，因为每次迭代dou会创建新的块级作用域，i 的副本被闭包捕获。

函数声明优先级Zui高，这点一定要记住！

console.log; // 
var foo = 1;
function foo {}
console.log; // 1

a) 编译阶段先把 function foo 提升为完整函数体，覆盖同名的 var 声明。

b) 执行阶段再给 foo 赋值为数字，所以第二个 log 打印的是 1。

TDD实战演练

{
    // TDZ 开始
    console.log; // ReferenceError
    let a = 'hello';
}

a) 在 let 声明之前访问，会直接报错，这就是 TDZ 的威力。

小结：从 V8 kan透 JS 的执行细节

#1 编译阶段先把所有 var 和 function “摆好位置”。

#2 let/const 虽然也被提升，但处于 TDZ，不可使用。

#3 每一次函数调用dou会重新创建干净的执行上下文。

#4 调用栈负责管理这些上下文，它遵循 LIFO 法则。

end of story—咱们下回继续聊别的话题吧！哈哈哈~

---