别让语法书把你劝退：缺的是动手写代码的肌肉记忆

很多转岗或刚接触前端的人，JavaScript 学得极其痛苦。不是看不懂 var、function 是什么意思，而是看完书、跟着抄完代码后，自己一敲键盘脑子里就一片空白。这门课的切入点很明确：不跟你讲冗长的历史和底层原理，而是直接拿基础语法当积木，带着你一行行敲、一个个跑。它解决的核心问题是“眼高手低”——你缺的不是理论课，而是把数据类型、运算符、条件判断和函数这些基本零件捏合在一起写出来的肌肉记忆。如果你的基础仅停留在“能看懂别人写的代码”，但自己写不出一个完整的判断逻辑，或者搞不清数组和 JSON 的操作方法，那这就是给你补漏的课。

建议先啃透的骨架：从变量控制到函数封装

资料里的内容环环相扣，建议按顺序先死磕前三块。第一块是数据类型与运算，重点看字符串拼接和运算符怎么混合使用，这是处理任何前端数据交互的底座。第二块是流程控制，把 if 和 switch 放在一起看，别只记语法，要理解什么业务场景下用多分支 if，什么情况下用 switch 更清晰。第三块是函数，这是 JavaScript 的核心，重点区分普通函数声明和函数表达式的写法差异，搞懂参数怎么传、怎么返回。最后把数组和 JSON 这两节作为实战演练场，重点跟着练习数组常用方法的增删改查，以及 JSON 数据的校验与解析。不要跳着看，前面的函数没写熟，后面的数组遍历你就会卡壳。

看完能干什么：脱离教程独立写逻辑

看完这套基础技能模块，你不一定能立刻去搞复杂的前端框架，但绝对能独立写出纯原生 JS 的业务逻辑。具体来说，你能做到：拿到一组模拟的 JSON 数据，自己写函数提取里面的字段，用数组方法对数据进行过滤和拼接，再通过条件判断给出不同的处理结果。配套练习方面，切忌只用眼睛看视频。请务必打开编辑器，视频里讲一个数组方法，你就自己造一个包含五条数据的数组去跑一遍。遇到函数那一节，试着自己把一段重复的判断逻辑封装成函数并调用。学编程没有捷径，把视频里的案例当作练习题，先暂停视频自己写，写崩了再对照讲师的写法找偏差，这才是查漏补缺的正确姿势。

课程目录

1-1 [JavaScript基础技能] 课程简介 (10:47)
1-2 [JavaScript基础技能] 数据基本类型 (05:32)
1-3 [JavaScript基础技能] 字符串拼接 (10:16)
1-4 [JavaScript基础技能] 运算符 (14:33)
1-5 [JavaScript基础技能] if条件句 (08:30)
1-6 [JavaScript基础技能] switch (05:03)
1-7 [JavaScript基础技能] function (07:59)
1-8 [JavaScript基础技能] 函数表达式 (04:50)
1-9 [JavaScript基础技能] 数组的定义和常用方法 (15:45)
1-10 [JavaScript基础技能] JSON定义和检验 (09:42)
1-11 [JavaScript基础技能] for、while和json遍历 (07:04)
1-12 [JavaScript基础技能] 小测试（1） (02:04)
1-13 [JavaScript基础技能] 小测试（1）答案 (05:00)
1-14 [JavaScript基础技能] 小测试（2） (01:29)
1-15 [JavaScript基础技能] 小测试（2）答案 (02:56)
2-1 [JavaScript底层运行机制（一）] JavaScript运行过程 (07:42)
2-2 [JavaScript底层运行机制（一）] 全局上下文和执行栈 (06:49)
2-3 [JavaScript底层运行机制（一）] 预解析 (09:00)
2-4 [JavaScript底层运行机制（一）] 作用域链 (06:06)
2-5 [JavaScript底层运行机制（一）] this (08:38)
3-1 [DOM操作、事件和特效] 网页组成、js的组成和DOM介绍 (09:26)
3-2 [DOM操作、事件和特效] DOM的查找、创建和添加 (10:54)
3-3 [DOM操作、事件和特效] 留言板 (06:40)
3-4 [DOM操作、事件和特效] 小测试：上移下移 (02:12)
3-5 [DOM操作、事件和特效] 小测试答案：上移、下移第一种实现方式 (14:19)
3-6 [DOM操作、事件和特效] 用angular思想 原生js写上移下移 (16:35)
3-7 [DOM操作、事件和特效] 修改DOM样式 (06:19)
3-8 [DOM操作、事件和特效] 选项卡 (10:53)
3-9 [DOM操作、事件和特效] 选项卡封装版 (07:57)
4-1 [对象、继承、函数] 对象、函数 (04:50)
4-2 [对象、继承、函数] 一切皆为对象 (07:57)
4-3 [对象、继承、函数] 对象创建 (06:15)
4-4 [对象、继承、函数] 原型链继承 (22:06)
4-5 [对象、继承、函数] 创建对象的另外一种方法 (06:52)
4-6 [对象、继承、函数] 对象拷贝 (10:28)
4-7 [对象、继承、函数] first-class Function (03:55)
4-8 [对象、继承、函数] 匿名函数自执行 (11:34)
4-9 [对象、继承、函数] 闭包 (08:34)
4-10 [对象、继承、函数] call、bind、apply (07:58)
5-1 [JavaScript底层运行机制（二）] ES6介绍 (08:14)
5-2 [JavaScript底层运行机制（二）] let、const (08:37)
5-3 [JavaScript底层运行机制（二）] 字符串拼接 (03:39)
5-4 [JavaScript底层运行机制（二）] 箭头函数 (11:55)
5-5 [JavaScript底层运行机制（二）] 数组常用方法 (07:39)
5-6 [JavaScript底层运行机制（二）] 解构 (02:07)
5-7 [JavaScript底层运行机制（二）] rest+spread+默认参数 (06:29)
5-8 [JavaScript底层运行机制（二）] class (05:52)
5-9 [JavaScript底层运行机制（二）] 继承 (04:10)