基础不牢，代码必摇：这门课解决什么痛点
很多初学者在面对 JavaScript 时，往往存在一种“伪熟悉”感：能写出简单的按钮点击事件，但一旦涉及变量作用域、数据类型传递或异步逻辑，就会频繁踩坑。这种困惑的根源通常不是框架用得不好，而是对 ECMAScript 语言本身的底层机制理解模糊。这门课程专门针对这一核心能力缺口设计，不追逐热门框架，而是带你回归语言本源，将变量声明、作用域链、原始值与引用值等基础概念彻底讲透。它适合那些已经尝试过简单网页交互开发，但在深入学习中感到理论支撑不足的学习者，特别是备考认证或准备转岗前端开发的技术人员。如果你发现自己在阅读他人代码时，常因 `let` 与 `var` 的区别、对象引用传递等细节而停滞不前，这门课就是为你量身定制的“地基修复”方案。
学习路径与资料配合策略
课程结构遵循从准备到核心再到实战的逻辑，建议按以下顺序推进以最大化吸收效果：
首先攻克学前准备部分。虽然这通常是简单环节，但请务必确认你的本地开发环境能正常运行代码，这是后续所有实践的基础。接着进入核心的 ECMAScript 基础模块。这里不仅讲解变量声明与命名规范，更会深入剖析作用域与变量提升这一高频易错点，帮助你理解 JavaScript 引擎执行代码时的真实行为。随后，课程重点区分原始值与引用值，这是理解后续复杂数据操作（如数组、对象传递）的关键钥匙。最后通过“闰年判断小程序”等实战案例，将理论转化为肌肉记忆。
资料包中的代码范例并非简单的复制粘贴物，而是你需要动手验证的测试场。建议采用“观看-复现-修改”的三步法：先看讲师演示，再自己独立复现代码，最后尝试修改参数观察结果变化。切勿只看视频不敲代码，JavaScript 是一门实践性极强的语言，只有亲手写出错误并调试成功，才能真正内化知识点。
学完能独立做什么
完成本课程学习后，你将具备独立编写无基础语法歧义代码的能力。具体表现为：能够准确预测并解释变量在不同作用域下的生命周期，清晰阐述对象传参时的引用机制以避免隐蔽的 bug，以及能够运用条件语句和循环逻辑解决如日期计算等基础算法问题。这些能力不仅是通过前端初级技术面试的门槛，更是后续学习 DOM 操作、响应式框架以及构建复杂应用系统的必备基石。对于希望系统补齐 JavaScript 基础知识的学习者而言，这是一段高回报率的投资。
课程目录
1-1 [牛刀小试] 课程开场白 (10:21) 1-2 [牛刀小试] 牛刀小试基础篇 (18:02) 1-3 [牛刀小试] 牛刀小试高级篇 (10:29) 1-4 [牛刀小试] 闰年判断小程序 (11:22) 2-1 [学前准备] 开发环境的搭建 (19:37) 2-2 [学前准备] JavaScript简介 (11:48) 3-1 [ECMAScript基础] 变量声明定义与命名 (12:25) 3-2 [ECMAScript基础] 作用域与变量提升 (13:58) 3-3 [ECMAScript基础] 块级作用域 (10:03) 3-4 [ECMAScript基础] 原始值与引用值 (09:33) 3-5 [ECMAScript基础] Undefined、Null与Boolean (08:40) 3-6 [ECMAScript基础] Number值 (09:40) 3-7 [ECMAScript基础] String类型 (09:19) 3-8 [ECMAScript基础] Object简介 (08:24) 3-9 [ECMAScript基础] 算术运算符 (12:38) 3-10 [ECMAScript基础] 赋值运算符与关系运算符 (09:35) 3-11 [ECMAScript基础] 逻辑运算符 (11:59) 3-12 [ECMAScript基础] 位运算符 (16:38) 3-13 [ECMAScript基础] 特殊运算符 (10:01) 3-14 [ECMAScript基础] 运算符的优先级与结合性 (05:19) 3-15 [ECMAScript基础] 类型转换 (10:47) 4-1 [流程控制结构与函数] if-else与switch-case分支语句 (12:52) 4-2 [流程控制结构与函数] 循环迭代结构 (15:07) 4-3 [流程控制结构与函数] 中断与跳转结构 (09:04) 4-4 [流程控制结构与函数] 异常的捕获与处理 (18:46) 4-5 [流程控制结构与函数] 函数简介 (15:35) 5-1 [ECMAScrpt对象基础] 初识对象 (09:40) 5-2 [ECMAScrpt对象基础] Number对象 (18:43) 5-3 [ECMAScrpt对象基础] String对象 (19:32) 5-4 [ECMAScrpt对象基础] Boolean对象 (05:15) 5-5 [ECMAScrpt对象基础] Array对象 (24:17) 5-6 [ECMAScrpt对象基础] Date对象 (16:50) 5-7 [ECMAScrpt对象基础] Math对象 (11:48) 5-8 [ECMAScrpt对象基础] RegExp对象 (17:16) 5-9 [ECMAScrpt对象基础] Function对象 (09:40) 5-10 [ECMAScrpt对象基础] Object对象 (11:53) 5-11 [ECMAScrpt对象基础] Object函数常用方法 (17:26) 5-12 [ECMAScrpt对象基础] Object实例对象常用方法 (04:57) 6-1 [面向对象编程技术] 面向对象相关概念 (08:48) 6-2 [面向对象编程技术] 在JavaScript中模拟类的几种方式 (14:54) 6-3 [面向对象编程技术] 使用对象冒充的方式实现继承 (08:33) 6-4 [面向对象编程技术] 使用原型链的方式实现继承 (11:44) 6-5 [面向对象编程技术] 使用混合模式实现继承 (07:11) 7-1 [ECMAScript进阶] 数组的解构赋值 (11:18) 7-2 [ECMAScript进阶] 对象的解构赋值 (07:43) 7-3 [ECMAScript进阶] 字符串与函数参数的解构赋值 (05:08) 7-4 [ECMAScript进阶] 使用箭头函数 (09:55) 7-5 [ECMAScript进阶] Set集合 (06:46) 7-6 [ECMAScript进阶] Map字典 (07:52) 7-7 [ECMAScript进阶] 使用Proxy代理对象 (10:34) 7-8 [ECMAScript进阶] 使用Promise协议对象 (16:26) 7-9 [ECMAScript进阶] Generator生成器 (12:02) 7-10 [ECMAScript进阶] 使用class实现类 (08:08) 7-11 [ECMAScript进阶] 使用JSON对象 (10:18) 7-12 [ECMAScript进阶] 认识Symbol值 (14:20) 8-1 [JavaScript设计模式应用] 工厂设计模式 (13:01) 8-2 [JavaScript设计模式应用] 单例设计模式 (08:45) 8-3 [JavaScript设计模式应用] 建造者模式 (12:14) 8-4 [JavaScript设计模式应用] 适配器模式 (09:53) 8-5 [JavaScript设计模式应用] 装饰者模式 (06:46) 8-6 [JavaScript设计模式应用] 外观设计模式 (12:21) 8-7 [JavaScript设计模式应用] 享元设计模式 (13:53) 8-8 [JavaScript设计模式应用] 代理设计模式 (06:13) 8-9 [JavaScript设计模式应用] 责任链设计模式 (08:33) 8-10 [JavaScript设计模式应用] 命令设计模式 (07:32) 8-11 [JavaScript设计模式应用] 迭代器模式 (10:36) 8-12 [JavaScript设计模式应用] 备忘录设计模式 (09:18) 8-13 [JavaScript设计模式应用] 观察者设计模式 (09:11) 9-1 [JavaScript HTML DOM] document对象 (21:45) 9-2 [JavaScript HTML DOM] element对象 (28:49) 9-3 [JavaScript HTML DOM] attribute属性对象 (10:26) 9-4 [JavaScript HTML DOM] event事件 (17:12) 9-5 [JavaScript HTML DOM] 事件冒泡与事件捕获 (05:07) 9-6 [JavaScript HTML DOM] 简易轮播广告 (13:22) 10-1 [JavaScript HTML BOM] Window对象 (17:12) 10-2 [JavaScript HTML BOM] Navigator与Screen对象 (06:08) 10-3 [JavaScript HTML BOM] History与Location对象 (08:12)
