JavaScript 零基础实战：从语法死磕到能写交互逻辑

很多初学者想学前端，结果一碰 JavaScript 就头疼，觉得语法规则太碎、逻辑太绕，稍微复杂点就写不动。这门课不讲宏大的架构，也不甩一堆你没见过的框架概念，就是扎扎实实带你过一遍 JavaScript 最底层的运行逻辑。它解决的是你面对浏览器代码时“手生、不敢写、看不懂报错”的痛点，帮你建立对这门语言最直观的认知。别指望光看视频就能学会，必须亲手在编辑器里把每一个小知识点敲一遍，把注释里的示例代码跑通，才算真正入门。

先补哪些基础，再看什么内容，门槛在哪

这门课适合完全没写过代码的小白，或者学过其他语言但没碰过 JS 的转岗人员。建议先快速浏览 1-1 到 1-5 的变量与数据类型部分，不要急着看复杂的函数或异步，先花点时间搞懂什么是变量、怎么定义、怎么声明，以及加号到底能做加法还是字符串拼接。这些是后续所有逻辑的基石，地基不稳，后面写条件判断和循环时你会非常痛苦。如果连基本的数据类型转换都不清楚，建议暂停进度，先把 1-9 的数据类型转换章节吃透。此外，务必分清引用类型和值类型的区别，以及作用域的问题，否则后面学到对象和数组时容易一头雾水。学这门课最大的门槛就是得耐得住寂寞，对着黑底白字的代码去理解每一行是怎么执行到内存里的。

学完能独立做什么，资料包怎么配合练习

学完这套基础体系，你应该能独立写一个简单的网页交互程序，不再依赖现成的插件。比如：做一个登录框，输入用户名密码后点击按钮，验证非空且格式正确才显示欢迎语，或者做一个简单的计数器，点击按钮数字加一。这些看似简单的功能，其实涉及了变量作用域、条件判断、事件监听等核心概念。资料包里的代码片段不是让你直接复制粘贴，而是用来对照着看目录里的讲解视频。当你写代码报错时，拿着目录里对应的章节去回看原理，看看是变量作用域的问题还是运算符优先级搞错了。别指望光看视频就能学会，必须亲手在编辑器里把目录里提到的每一个小知识点敲一遍，把注释里的示例代码跑通，才算真正入门。只有当你尝试修改代码中的某个参数，观察页面反应变化时，你才算真正掌握了这门语言的控制权。

课程目录

1-1 [JavaScript基础] JavaScript简介和初体验 (01:15:25)
1-2 [JavaScript基础] 引用JavaScript的方式 (35:59)
1-3 [JavaScript基础] 变量的使用 (38:18)
1-4 [JavaScript基础] 加号的作用、数据类型、输入用户的输入 (50:54)
1-5 [JavaScript基础] 赋值运算符、作业 (21:36)
1-6 [JavaScript基础] 作业讲解、算术运算符 (39:54)
1-7 [JavaScript基础] 比较运算符、逻辑运算符 (44:18)
1-8 [JavaScript基础] 条件运算符、其他运算符 (33:14)
1-9 [JavaScript基础] 数据类型转换 (47:57)
2-1 [流程控制语句] if选择结构 (30:59)
2-2 [流程控制语句] 作业讲解、switch结构 (42:07)
2-3 [流程控制语句] while循环 (11:13)
2-4 [流程控制语句] do...while循环 (23:11)
2-5 [流程控制语句] for循环 (18:26)
2-6 [流程控制语句] break和continue、二重循环 (24:33)
2-7 [流程控制语句] 练习：二重循环_1 (08:01)
2-8 [流程控制语句] 练习：二重循环_2 (08:17)
2-9 [流程控制语句] 练习：二重循环_3 (19:32)
3-1 [数组] 数组基本用法 (28:03)
3-2 [数组] 创建数组的两种方式 (38:29)
3-3 [数组] 作业讲解：数组 (56:00)
3-4 [数组] 数组常用方法 (52:44)
3-5 [数组] 二维数组 (33:41)
3-6 [数组] 冒泡排序法 (20:03)
4-1 [函数] 内置函数、函数的基本用法 (01:09:56)
4-2 [函数] 函数返回值 (38:47)
4-3 [函数] 变量的作用域 (58:56)
4-4 [函数] 变量提升_1 (18:08)
4-5 [函数] 变量提升_2 (03:56)
4-6 [函数] 定义函数的形式、回调函数 (26:57)
4-7 [函数] 函数也是一种数据类型 (14:16)
4-8 [函数] 匿名函数 (11:20)
5-1 [DOM操作] DOM简介和window对象 (52:32)
5-2 [DOM操作] 计时器 (28:33)
5-3 [DOM操作] window对象的事件 (31:58)
5-4 [DOM操作] document对象 (20:43)
5-5 [DOM操作] DOM对象的属性 (44:40)
5-6 [DOM操作] document写操作的步骤_1 (30:14)
5-7 [DOM操作] document写操作的步骤_2 (28:18)
5-8 [DOM操作] element的插入、删除、替换、克隆 (23:05)
5-9 [DOM操作] JavaScript中访问CSS (40:47)
5-10 [DOM操作] 作业讲解：DOM操作 (18:25)
5-11 [DOM操作] 层切换效果、复选框的全选 (22:09)
5-12 [DOM操作] 修改作业 (55:55)
5-13 [DOM操作] 带按钮的轮播广告 (31:23)
6-1 [面向对象] JavaScript中的对象 (39:00)
6-2 [面向对象] 构造函数、this关键字 (41:55)
6-3 [面向对象] 通过对象字面量创建对象 (15:18)
6-4 [面向对象] 对象属性值的类型 (38:03)
6-5 [面向对象] JSON简介 (30:27)
6-6 [面向对象] 基本数据类型和引用数据类型 (39:11)
6-7 [面向对象] instanceof (09:15)
6-8 [面向对象] 闭包closure (27:59)
6-9 [面向对象] prototype原型 (37:09)
6-10 [面向对象] __proto__和prototype的关系 (09:56)
6-11 [面向对象] 对象的类型 (22:23)
6-12 [面向对象] 组合式继承 (15:22)
6-13 [面向对象] 原型式继承 (28:34)
6-14 [面向对象] 原型链、异常Exception (49:07)
7-1 [内置对象] String基本用法 (24:17)
7-2 [内置对象] String的截取和分割方法 (21:17)
7-3 [内置对象] Date日期对象 (24:50)
7-4 [内置对象] Date可以自动调整至正常时间 (18:48)
7-5 [内置对象] RegExp简介 (35:53)
7-6 [内置对象] RegExp基本用法 (11:36)
7-7 [内置对象] RegExp练习 (31:25)
7-8 [内置对象] String对象的正则匹配 (40:22)
7-9 [内置对象] 客户端表单校验 (58:58)
7-10 [内置对象] JavaScript基本包装类型 (15:19)
7-11 [内置对象] Select和Option对象 (32:58)
7-12 [内置对象] 实现省市级联的效果 (34:27)
8-1 [客户端存储] 客户端存储 (16:49)
8-2 [客户端存储] 写Cookie (15:59)
8-3 [客户端存储] 读Cookie (35:49)
8-4 [客户端存储] WebStorage (43:58)
8-5 [客户端存储] WebStorage事件监听 (12:23)