填补语法盲区，从“会写”到“懂原理”

很多初学 JavaScript 的同学，往往陷入一个误区：记住了语法格式就能写代码，但一旦遇到报错或逻辑混乱，就完全抓瞎。这门《JavaScript 基础训练营》不是泛泛而谈的 API 罗列，而是专门针对“为什么代码会这样运行”进行深挖。它解决的核心问题是：消除对引擎运行机制的模糊认知，特别是那些在面试和复杂开发中常被卡住的底层细节。比如，你可能知道 `var` 和 `let` 的区别，但你是否清楚变量提升（Hoisting）在函数预解析阶段到底发生了什么？你是否真正理解 `window` 对象作为全局执行环境，是如何将局部变量“挂”到全局的，以及由此产生的命名冲突风险？本课程适合那些已经能写出简单脚本，但在面对控制台报错、作用域陷阱或全局污染时感到无力，需要系统梳理基础概念的学习者。

重点攻克：作用域、预解析与 Window 对象

建议学习时不要平均用力，而是聚焦于三个核心模块：作用域与预解析、Window 对象详解、以及数据类型与报错机制。首先，务必认真消化“作用域与 function”及“预解析与变量提升”这两节。这是 JavaScript 区别于其他语言的一大难点，也是后续学习闭包、高阶函数的基石。你需要通过动手实验，亲眼看到变量在声明前就被“提升”到作用域顶部的现象，理解函数体在运行时之前如何被执行环境扫描。其次，深入理解 `window` 对象。很多初学者误以为代码是“自由”运行的，但实际上它们大多在 `window` 上下文中的执行。课程中对 `window` 的深浅解析，能帮你明白为何在浏览器环境中声明未加 `var` 的变量会变成全局属性，以及这带来的安全隐患。此外，“JS 中的报错类型及符号”一节看似基础，实则是 Debug 能力的起点，学会快速定位 SyntaxError、TypeError 和 ReferenceError 的区别，比盲目试错高效得多。

学习路径与配套练习建议

学完后，你应能独立解释一段包含变量提升、作用域链的代码为何会产生非预期结果，并能通过控制台主动调用 `window` 属性验证全局变量。建议采取“视频+复现”的节奏：每看完关于预解析或 Window 的章节，立即在 IDE 中编写 3-5 个最小化案例代码，刻意制造变量未定义、函数提升等场景，观察控制台报错信息。不要只看不练，JavaScript 的很多直觉是建立在反复踩坑后的修正之上的。利用资料包中的作业解析环节，对照自己的理解，找出思维盲点。这门课不教你框架，也不教你如何做项目，它只把地基打牢。当你不再纠结于“为什么这里不能提前使用变量”时，你才真正具备了向 ES6+ 及前端工程化进阶的能力。记住，基础不牢，地动山摇，这些看似简单的概念，恰恰是区分“代码搬运工”与“开发者”的分水岭。

课程目录

1-1 [初识JavaScript及IDE] JavaScript基础训练营 - 课程前瞻 (06:43)
1-2 [初识JavaScript及IDE] 初识JavaScript及IDE (16:42)
1-3 [初识JavaScript及IDE] JS中的数据类型简介 (15:29)
1-4 [初识JavaScript及IDE] JS的报错类型及符号 (12:03)
2-1 [JavaScript中的作用域与预解析] 作用域与function (15:31)
2-2 [JavaScript中的作用域与预解析] 预解析与变量提升 (18:53)
3-1 [Window对象的详解] 作业解析及函数的变量提升 (08:44)
3-2 [Window对象的详解] JavaScript中的window对象的基本理解 (08:22)
3-3 [Window对象的详解] window深入及检测浏览器的属性 (08:21)
3-4 [Window对象的详解] window中的定时器 (10:37)
3-5 [Window对象的详解] window中的打开与关闭页面的方法 (07:06)
3-6 [Window对象的详解] window的一些特性 (07:49)
4-1 [数据类型的详解] 上章作业解析 (04:13)
4-2 [数据类型的详解] Number类型的详解 (15:43)
4-3 [数据类型的详解] String类型的详解 (16:22)
4-4 [数据类型的详解] Boolean类型的详解 (03:53)
4-5 [数据类型的详解] undefined及null (07:44)
5-1 [DOM & JavaScript] 上章作业解析 (06:28)
5-2 [DOM & JavaScript] DOM基本认识及JS如何控制DOM (12:05)
5-3 [DOM & JavaScript] DOM与JS的交互及if逻辑语句 (13:25)
5-4 [DOM & JavaScript] JS对DOM选择与操作深入 (10:31)
5-5 [DOM & JavaScript] JS控制DOM的类及交互深入 (09:15)
6-1 [闭包及回收机制、生命周期] 作业解析 - 点击延展成全屏幕的元素 (07:31)
6-2 [闭包及回收机制、生命周期] 作业解析 - 屏幕抖动及加减数字框 (11:08)
6-3 [闭包及回收机制、生命周期] JavaScript - 闭包的概念 (10:28)
6-4 [闭包及回收机制、生命周期] JavaScript - 生命周期 (11:03)
6-5 [闭包及回收机制、生命周期] JavaScript - 回收机制及拓展 (13:15)
7-1 [JS中的事件对象] 作业解析 - 拉伸屏幕随机颜色 (11:35)
7-2 [JS中的事件对象] 作业解析 - 触碰不到的元素及屏幕抖动 (09:11)
7-3 [JS中的事件对象] 初识事件对象及取消默认事件 (14:35)
7-4 [JS中的事件对象] 键盘事件对象及小案例 (11:21)
7-5 [JS中的事件对象] 阻止事件冒泡 (05:53)
7-6 [JS中的事件对象] for循环及课程总结 (08:39)