从“能写”到“懂原理”，补齐 JS 底层认知缺口

很多初学者学 JavaScript，往往停留在“抄代码能跑”的层面：知道怎么定义变量，却搞不清 var、let、const 的真正区别；会用循环，却对作用域链和闭包避而远之；能写个页面效果，却看不懂浏览器是如何解析和执行这段脚本的。这种知识碎片化的状态，在应对中级面试或复杂业务场景时，极易暴露短板。

本课程正是针对这一痛点设计，核心目标不是重复语法手册，而是填补“知其然不知其所以然”的能力缺口。课程从 JavaScript 概述与作用入手，建立宏观认知，随即深入基本结构与执行原理——这是理解后续所有高级特性的基石。只有清楚了 JS 引擎是如何扫描、编译、执行代码的，才能从根本上理解变量提升、作用域等问题。

适合人群为已掌握 HTML/CSS 基础，对 JS 有初步接触但缺乏系统梳理的学习者，以及准备转岗、需要通过理论深挖来巩固实战能力的备考人员。如果你发现自己在看报错信息时无从下手，或面试时遇到“解释一下 JS 执行机制”这类问题无法透彻回答，这门课正是你的补漏利器。

切入重点：执行原理与核心语法，构建独立开发思维

建议学习时，不要急于跳过看似枯燥的理论部分，**JavaScript 的执行原理**（1-4）和**核心语法简介**（1-5）是重中之重。这两节内容直接决定了你后续学习异步编程、DOM 操作时的理解深度。接着，务必反复练习**变量声明**（1-6）与**数据类型**（1-7）部分，这是 JS 最基础也最容易出错的细节，例如类型转换的隐式规则、引用类型的存储机制等，必须在动手前厘清概念。

对于流程控制，**for 循环**（1-8）与**条件语句**（1-9）不仅是逻辑训练的载体，更是培养代码规范性的关键阶段。很多学员在这里容易养成随意命名、嵌套过深的坏习惯，应在练习中刻意纠正。

学完本课后，你应该能够独立解释 JavaScript 在浏览器中的完整执行流程，准确判断不同变量声明方式的适用场景，并能清晰描述基本数据类型与引用类型的区别。更重要的是，你将建立起一套规范的编码思维，不再盲目复制粘贴，而是能够根据执行原理去预判代码行为。

资料包配合练习时，请重点关注课程中涉及的代码示例，尝试在不看源码的情况下，手动推导每一步的执行结果。对于变量和数据类型部分，建议自行编写边界测试用例，验证自己的理解是否真正到位。通过这种“理论推导+实证检验”的方式，才能将知识内化为解决实际问题的能力。

课程目录

1-1 [JavaScript基础] JavaScript概述 (12:54)
1-2 [JavaScript基础] JavaScript作用 (06:58)
1-3 [JavaScript基础] JavaScript基本结构 (15:59)
1-4 [JavaScript基础] JavaScript的执行原理 (06:36)
1-5 [JavaScript基础] JavaScript的核心语法简介 (02:25)
1-6 [JavaScript基础] JavaScript的变量声明 (13:16)
1-7 [JavaScript基础] JavaScript数据类型 (06:12)
1-8 [JavaScript基础] for循环语句 (10:25)
1-9 [JavaScript基础] JavaScript流程控制语句 (11:39)
1-10 [JavaScript基础] JavaScript中的字符串操作 (11:39)
1-11 [JavaScript基础] 数组操作 (23:40)
1-12 [JavaScript基础] JS中输入输出 (12:29)
1-13 [JavaScript基础] 案例1 (16:18)
1-14 [JavaScript基础] 函数的定义 (07:56)
1-15 [JavaScript基础] 四则运算器 (15:32)
2-1 [JavaScript内置对象] 常用的内置对象 (06:53)
2-2 [JavaScript内置对象] History对象 (15:49)
2-3 [JavaScript内置对象] window对象 (26:22)
2-4 [JavaScript内置对象] Location对象 (12:49)
2-5 [JavaScript内置对象] document对象 (28:14)
2-6 [JavaScript内置对象] 开关灯案例 (12:32)
2-7 [JavaScript内置对象] 网页变色案例 (14:28)
2-8 [JavaScript内置对象] getElementsByTagName (11:32)
2-9 [JavaScript内置对象] 全选和反选案例 (27:42)
2-10 [JavaScript内置对象] Screen对象 (06:35)
2-11 [JavaScript内置对象] Date对象 (29:51)
2-12 [JavaScript内置对象] 搜索框特效 (17:23)
2-13 [JavaScript内置对象] 定时器-网页时钟 (15:06)
2-14 [JavaScript内置对象] 模拟倒计时 (08:25)
2-15 [JavaScript内置对象] 网页练习案例 (06:10)
3-1 [JavaScript表单验证] 正则表达式01 (30:05)
3-2 [JavaScript表单验证] 正则表达式02 (35:38)
3-3 [JavaScript表单验证] 表单验证01 (43:17)
3-4 [JavaScript表单验证] 表单验证02 (15:11)