JS系统性查漏补缺指南

在自学编程的群体中，**“能看懂复杂开源项目，却说不清基础概念”是非常普遍的现象。这通常是因为你是“任务驱动型”**学习者——哪里不会补哪里，缺乏一条系统性的理论主线。

要彻底解决这个问题，你需要改变学习策略。以下为你梳理 var 与 let/const 的核心底层差异，并为你定制一套系统性的 JavaScript 查漏补缺路线。

一、经典痛点剖析：`var` 与 `let / const` 的本质区别

你提到的 var 和 let，表面上只是声明变量的新老语法，但在 JS 引擎底层，它们涉及作用域（Scope）、提升（Hoisting）和内存管理等核心机制：

| 特性 | var | let / const |
| :--- | :--- | :--- |
| 作用域 | 函数作用域（Function Scope） | 块级作用域（Block Scope，如 {}） |
| 变量提升 | 会提升，并初始化为 undefined | 会提升，但不会初始化（处于暂时性死区 TDZ） |
| 重复声明 | 允许（后声明的会覆盖前声明的） | 不允许（会抛出 SyntaxError） |
| 全局绑定 | 挂载到全局对象（如浏览器中的 window） | 不会挂载到全局对象 |

深入底层：什么是“暂时性死区”（TDZ）？

当 JS 引擎解析代码时，它会分两个阶段：编译阶段和执行阶段。

使用 var 时，编译阶段会在内存中为其开辟空间并初始化为 undefined。因此你在声明前调用它，不会报错，只会得到 undefined（即变量提升）。
使用 let 时，编译阶段同样会创建变量，但绝不初始化。在执行阶段代码运行到 let a = 1 这一行之前，任何对 a 的访问都会触发 ReferenceError。这段无法访问的代码区域就叫暂时性死区（Temporal Dead Zone）。这确保了代码的严谨性，避免了因变量提升导致的逻辑混乱。

二、系统性查漏补缺：高阶知识图谱

既然你已经有了一定的实战基础，就不要再去从零看“什么是变量”、“什么是 if else”了。你应该针对以下 JavaScript 核心基石 进行定点爆破：

1. 执行上下文与作用域链 (Execution Context & Scope Chain)

搞懂以下问题：
- JS 引擎是如何执行代码的？什么是调用栈（Call Stack）？
- 闭包（Closure）的本质是什么？（提示：闭包就是函数加上它定义时所处的词法环境，即使函数在当前作用域外执行，它依然持有那个环境的引用）。

2. 原型与原型链 (Prototype & Inheritance)

搞懂以下问题：
- __proto__ 与 prototype 的区别是什么？
- JS 是如何通过原型链实现继承的？
- class 语法的本质（它只是原型的语法糖）。

3. 异步编程与事件循环 (Event Loop)

搞懂以下问题：
- JS 是单线程的，它如何实现无阻塞异步？
- 什么是宏任务（Macrotask）与微任务（Microtask）？
- Promise 的三种状态及链式调用原理。
- async/await 的同步化写法是如何通过生成器（Generator）和 Promise 配合实现的？

4. 类型转换与比较 (Type Coercion)

搞懂以下问题：
- == 与 === 的隐式类型转换规则。
- 哪些值是 Falsy 值（虚值）？

三、推荐的学习路径与黄金资源

对于“半吊子”高手，推荐以下三步走学习法：

第一步：理论体系重构（精读权威文档）

不要去看零散的博客，直接阅读最权威的源头：

MDN Web Docs (JavaScript 教程)：不要只把它当字典查。建议花一周时间，把其中的「JavaScript 重新介绍」和「JavaScript 高级教程」系统性读一遍。
现代 JavaScript 教程 (javascript.info)：这是目前世界上最系统、质量最高的 JS 教程，从基础到高阶，图文并茂，完美契合你的需求。

第二步：攻克核心难关（阅读神书）

《You Don't Know JS Yet》（你不知道的JavaScript）：
- 必读。这本书专门纠正那些“你以为你懂，其实你没懂”的 JS 底层细节。特别是关于作用域、闭包、原型、异步的部分，会彻底打通你的任督二脉。
《JavaScript 高级程序设计》（红宝书）：
- 经典中的经典，适合放在案头，把执行上下文、垃圾回收、面向对象等章节仔细研读。

第三步：实践反哺，手写核心 API

检验自己是否真正掌握基础的最好标准，就是手写实现。尝试手写以下功能：

手写 Promise（实现 .then、Promise.all 等）。
手写 debounce（防抖）和 throttle（节流）函数。
手写 Array.prototype.map 和 reduce。
手写一个深拷贝（Deep Clone）函数。

当你能够轻松写出这些底层实现时，你的 JavaScript 基础就已经超越了 90% 的前端开发者。