JavaScript 的入门资料市面上不缺，难的是判断哪一套真能把你从"看得懂"推到"写得出"。这套教程的定位偏工具型：它不教你做炫酷页面，而是把语言本身的语法结构和常见数据处理方式讲透，适合那些打算先把地基打牢、再决定往框架方向走的人。
它解决的是哪类工作场景
如果你现在的工作里出现过这些情况，这套内容会对得上：拿到一段别人写的前端逻辑，能猜出大概意思但说不清执行顺序；面试被问到变量提升、闭包、this 指向时只能背答案；用框架写业务时，遇到数组方法、对象拷贝、类型转换的问题要临时搜索。这些卡点的共同原因不是框架不熟，而是语言层的基础有缺口。教程从运算符、条件分支这类最基础的控制流程讲起，逐步过渡到函数、对象、数组的常用操作，覆盖的正是日常写业务代码时反复调用的那部分知识。
学完能独立做什么
按内容推进的节奏，走完一遍并动手敲过案例之后，比较现实的预期是：能独立写出带条件判断和循环的数据处理逻辑，比如根据一组对象筛选、排序、合并出需要的结构；能理解并自己写递归和回调，看懂常见的异步写法；能读懂中等复杂度的原生 JS 代码，而不是只会在框架里填空。需要说明的是，这套资料不涉及工程化构建、框架源码或 Node 后端，它把范围收在语言核心内，所以别指望学完就能接完整项目——它的价值是让你在后续学任何框架时少一层理解障碍。
资料形式与适合的基础
内容以视频讲解为主，配合源码课件，每个知识点通常先讲概念再看一段可运行的代码。视频里会出现"上午内容回顾""作业"这类环节，说明它按照连续学习的节奏设计，适合每天固定抽出一段时间跟练，而不是碎片化刷。基础方面，完全没接触过编程的人需要额外补一点 HTML 和浏览器控制台的基本操作，否则连代码往哪写都会卡住；有别的语言基础、或者写过一点 JS 但不成体系的人，上手会顺很多，可以跳过最前面的运算符部分，直接从函数和作用域开始看。
怎么用这套资料效率更高
- 先通看一遍目录结构，把"基础语法"和"函数与对象"分成两个阶段，别一次性追完所有视频。
- 每看完一个知识点，关掉视频自己把示例重写一遍，再改几个参数看输出变化，这一步比反复看视频有用。
- 作业环节不要跳过，它是检验你是否真的理解了前面内容的唯一标准。
- 源码课件建议对照着读，重点看变量命名和代码组织方式，而不只是看结果对不对。
- 遇到讲得快的片段可以放慢，但不要停在同一个知识点超过两天，语法类内容靠后续反复使用巩固，不是靠一次听懂。
一点提醒
这套教程属于典型的"讲清楚语言本身"的类型，配套源码也都是围绕语法点的小例子，不是完整产品。如果你已经能熟练写业务、只是想补某个具体 API，直接查文档会比从头看更快。但如果你正处于"框架会用、原理说不清"的状态，或者准备转行前端、需要一个不跳步的起点，用它把基础过一遍是划算的。判断标准很简单：看完前三节，如果你能不看视频把示例独立写出来，这套资料就适合你继续往下走。
课程目录
📁 基础课 📁 📁 02 📁 📁 视频 07知识点-赋值运算符介绍.wmv [16.5 MB] 24知识点-条件分支语句总结.wmv [17.4 MB] 02知识点-作业.wmv [31.7 MB] 28知识点-三元表达式介绍.wmv [14.4 MB] 16知识点-上午内容回顾.wmv [34.4 MB] 26知识点-switch语句注意事项总结.wmv [28.9 MB] 15知识点-运算符优先级介绍.wmv [23.7 MB] 03知识点-转换为字符串类型.wmv [33.9 MB] 29课堂案例-三元表达式.wmv [16.3 MB] 14知识点-逻辑运算符使用规律总结.wmv [30.2 MB] 08知识点-算数运算符.wmv [9.2 MB] 04知识点-案例结束.wmv [33.0 MB] 27课堂案例-switch语句实现简单计算器.wmv [21.7 MB] 09知识点-比较运算符介绍.wmv [39.8 MB] 06知识点-运算符分类介绍.wmv [6.6 MB] 19知识点-单条件分支语句语法介绍.wmv [23.0 MB] 22知识点-多条件分支语句语法介绍.wmv [17.0 MB] 13知识点-逻辑运算符介绍.wmv [25.3 MB] 12课堂测试-一元运算.wmv [24.6 MB] 17知识点-专业术语语句和表达式介绍.wmv [13.0 MB] 23课堂案例-多条件分支语句案例.wmv [13.4 MB] 18知识点-分支语句介绍.wmv [8.8 MB] 01知识点-内容回顾.wmv [51.9 MB] 25知识点-switch语句介绍.wmv [20.1 MB] 30课堂案例-三元表达式补0操作.wmv [23.4 MB] 05知识点-常见报错信息总结.wmv [38.2 MB] 11知识点-一元运算总结注意.wmv [33.9 MB] 21课堂案例-单条件分支语句.wmv [21.7 MB] 31知识点-总结.wmv [20.3 MB] 20课堂案例-单条件分支语句体验.wmv [20.0 MB] 10知识点-一元运算.wmv [21.1 MB] 02说明.zip [1.8 MB] 📁 📁 03 📁 📁 视频 11综合案例-ATM机体验.wmv [37.8 MB] 31知识点-修改数组中的值.wmv [7.3 MB] 23知识点-数组基本使用介绍.wmv [8.3 MB] 03知识点-短路运算补充.wmv [29.3 MB] 17课堂案例-for循环数组.wmv [32.2 MB] 19知识点-断点调试.wmv [23.3 MB] 32知识点-内容总结.wmv [17.8 MB] 30知识点-删除数组中的值.wmv [20.3 MB] 21课堂案例-打印三角形.wmv [8.8 MB] 14知识点-for循环执行过程演示.wmv [22.1 MB] 01知识点-回顾.wmv [29.3 MB] 24知识点-遍历数组.wmv [23.6 MB] 05知识点-while循环介绍.wmv [31.0 MB] 09知识点-continue关键字和break关键字介绍.wmv [35.8 MB] 15知识点-for循环体验.wmv [10.5 MB] 22课堂案例-九九乘法表.wmv [27.8 MB] 07知识点-while循环注意事项避免死循环.wmv [10.2 MB] 16课堂案例-for循环练习.wmv [17.1 MB] 02知识点-隐式类型转换.wmv [22.7 MB] 13知识点-for循环中的几个疑问.wmv [21.7 MB] 18知识点-断点调试介绍.wmv [40.9 MB] 20课堂案例-双for循环练习.wmv [28.2 MB] 04知识点-switch语句中的穿透现象.wmv [13.7 MB] 26课堂案例-数组求最大值.wmv [22.8 MB] 08课堂案例-while循环.wmv [50.7 MB] 27课堂案例-数组求最大值细节.wmv [6.2 MB] 12综合案例-细节解释.wmv [15.2 MB] 28知识点-数组的操作方式介绍.wmv [8.5 MB] 10课堂案例-break关键字体验.wmv [10.1 MB] 29知识点-向数组中增加值.wmv [14.6 MB] 06课堂体验-while循环.wmv [19.1 MB] 25课堂案例-数组练习1.wmv [18.9 MB] 03文档.png [493.5 KB] 📁 📁 05 📁 📁 视频 26课堂案例-猜数字游戏.wmv [3.7 MB] 29课堂案例-产生随机颜色.wmv [29.6 MB] 11知识点-增加对象中的值.wmv [31.2 MB] 12知识点-删除对象中的值.wmv [11.8 MB] 17课堂案例-根据数据渲染表格分析.wmv [18.5 MB] 02知识点-回顾2.wmv [2.6 MB] 30综合案例-渲染学成在线.wmv [51.1 MB] 08知识点-获取对象中的值.wmv [9.4 MB] 07知识点-通过对象保存数据.wmv [10.3 MB] 06知识点-对象中的专业术语介绍.wmv [9.3 MB] 25课堂案例-随机点名改进版.wmv [18.5 MB] 22知识点-生成任意范围内的随机整数.wmv [17.5 MB] 16课堂案例-获取数组中的对象.wmv [30.2 MB] 09知识点-对象中属性和方法使用总结.wmv [31.3 MB] 01知识点-函数回顾.wmv [56.0 MB] 04知识点-对象基本介绍.wmv [36.7 MB] 20知识点-Math内置对象中的方法介绍1.wmv [30.4 MB] 18课堂案例-根据数据渲染表格.wmv [38.4 MB] 31知识点-专业术语介绍.wmv [19.1 MB] 28课堂案例-随机颜色实现1.wmv [30.6 MB] 10知识点-修改对象中的值.wmv [10.7 MB] 21知识点-Math中其他方法介绍.wmv [27.0 MB] 19知识点-Math内置对象介绍.wmv [22.1 MB] 23知识点-随机数答疑解释.wmv [5.2 MB] 27课堂案例-猜数字游戏.wmv [10.4 MB] 13知识点-遍历对象.wmv [25.8 MB] 24知识点-随机点名.wmv [24.5 MB] 32知识点-不同数据类型保存方式.wmv [18.4 MB] 05知识点-定义对象.wmv [10.2 MB] 15知识点-遍历对象总结.wmv [37.2 MB] 14知识点-遍历对象演示.wmv [21.3 MB] 03作业介绍.wmv [30.4 MB] 📁 📁 01 📁 📁 视频 04知识点-js书写位置介绍.wmv [24.2 MB] 11知识点-js基本语法注意事项总结.wmv [19.1 MB] 21知识点-从数组中获取值.wmv [17.5 MB] 18知识点-上午内容回顾.wmv [28.9 MB] 30课堂案例-拼接字符串.wmv [13.6 MB] 14知识点-遍历命名规则介绍.wmv [21.5 MB] 16课堂案例-获取用户输入姓名.wmv [26.0 MB] 33知识点-强制转换为数字类型.wmv [38.8 MB] 19知识点-let关键字和var关键字区别.wmv [24.9 MB] 27课堂案例--计算圆的面积.wmv [17.3 MB] 26知识点-数字类型和字符串类型特点.wmv [19.3 MB] 17课堂案例-交换变量的值.wmv [29.2 MB] 10知识点-js输入消息方式介绍.wmv [11.5 MB] 12知识点-字面量和变量介绍.wmv [15.8 MB] 03知识点-js基本组成介绍.wmv [12.0 MB] 20知识点-数组.wmv [20.0 MB] 25知识点-数据类型介绍.wmv [25.7 MB] 29知识点-模板字符串介绍.wmv [16.2 MB] 09知识点-js输出消息的方式介绍.wmv [33.6 MB] 02知识点-js基本介绍.wmv [11.8 MB] 31知识点-其他数据类型和获取数据类型.wmv [28.0 MB] 32知识点-隐式类型转换.wmv [27.6 MB] 28课堂案例-拼接字符串.wmv [24.0 MB] 01知识点-阶段概括.wmv [20.3 MB] 23知识点-常量介绍.wmv [25.1 MB] 08知识点-js输出消息的方式介绍.wmv [6.3 MB] 05知识点-js书写位置结束.wmv [28.0 MB] 24知识点-数据类型分类介绍.wmv [9.3 MB] 07知识点-js结束符号.wmv [10.0 MB] 06知识点-js中的注释.wmv [15.1 MB] 13知识点-变量基本使用.wmv [23.4 MB] 15知识点-变量使用注意实现总结.wmv [26.2 MB] 22知识点-数组中术语介绍.wmv [11.3 MB] 📁 📁 04 📁 📁 视频 06知识点-冒泡排序结束.wmv [12.4 MB] 07知识点-数组中sort方法实现冒泡排序.wmv [26.9 MB] 20知识点-函数中的返回值.wmv [15.2 MB] 26知识点-匿名函数和自调用函数介绍.wmv [22.6 MB] 19知识点-函数返回值结束.wmv [5.8 MB] 29知识点-作用域总结.wmv [17.3 MB] 01知识点-回顾.wmv [49.8 MB] 15课堂案例-函数打印三角形.wmv [10.3 MB] 04知识点-冒泡排序基本介绍.wmv [11.7 MB] 12知识点-函数中的参数总结.wmv [41.4 MB] 30课堂测试-作用域.wmv [10.1 MB] 08知识点-函数基本介绍.wmv [27.7 MB] 25知识点-知识补充了解.wmv [21.6 MB] 23知识点-函数返回值总结.wmv [22.1 MB] 21知识点-函数返回值总结.wmv [4.6 MB] 32知识点-总结.wmv [14.2 MB] 13课堂案例-函数.wmv [7.4 MB] 17函数案例-.wmv [9.2 MB] 18函数分析.wmv [8.9 MB] 28知识点-作用域特点介绍.wmv [20.7 MB] 05知识点-冒泡排序实现过程梳理.wmv [29.5 MB] 02作业-数组.wmv [32.9 MB] 31知识点-总结.wmv [19.5 MB] 09知识点-函数体验.wmv [21.5 MB] 11知识点-函数中的参数介绍.wmv [25.5 MB] 10课堂案例-函数.wmv [15.9 MB] 16知识点-答疑.wmv [6.9 MB] 03作业-综合练习.wmv [70.9 MB] 24课堂案例-函数返回值.wmv [25.1 MB] 14课堂案例-函数2.wmv [28.1 MB] 27知识点-作用域介绍.wmv [15.0 MB] 基础课说明.zip [1.8 MB] 📁 高级课 📁 📁 JavaScript进阶第4天 📁 📁 JS高级第4天视频 06-模态框案例-显示和移除方法.mp4 [63.6 MB] 20-throw抛出异常.mp4 [48.3 MB] 21-try...catch.mp4 [37.8 MB] 19-其他拷贝方案.mp4 [104.1 MB] 18-深拷贝-判断是否是对象.mp4 [19.7 MB] 04-模态框案例-设置构造函数的形参.mp4 [21.4 MB] 08-模态框案例-补充避免多次添加模态框.mp4 [26.6 MB] 03-模态框案例-基本代码结构.mp4 [51.9 MB] 23-this指向总结.mp4 [54.9 MB] 10-浅拷贝对象.mp4 [56.2 MB] 24-this指向课堂练习.mp4 [77.0 MB] 22-debugger断点.mp4 [9.9 MB] 16-深拷贝-实现深拷贝.mp4 [66.1 MB] 13-递归-计算一个数的阶乘.mp4 [37.1 MB] 11-浅拷贝的概念.mp4 [39.7 MB] 01-反馈和回顾.mp4 [89.6 MB] 05-模态框案例-动态创建div.mp4 [35.3 MB] 14-递归-计算斐波那契数列.mp4 [29.8 MB] 17-深拷贝-再次分析.mp4 [27.1 MB] 02-课后练习题.mp4 [73.1 MB] 12-递归-基础示例.mp4 [38.7 MB] 26-apply简单示例.mp4 [22.2 MB] 15-深拷贝-分析.mp4 [55.9 MB] 25-修改函数中this的指向.mp4 [63.0 MB] 09-变量直接赋值.mp4 [43.6 MB] 07-模态框案例-小结.mp4 [24.3 MB] JavaScript进阶第4天说明.png [493.5 KB] 📁 📁 JavaScript进阶第1天 📁 📁 05-视频 10-变量和函数的提升特点.mp4 [34.8 MB] 22-箭头函数小结.mp4 [10.6 MB] 14-arguments获取动态参数.mp4 [42.7 MB] 12-讨论let和const的提升问题.mp4 [140.0 MB] 08-闭包-基本写法.mp4 [58.5 MB] 15-剩余参数.mp4 [29.5 MB] 02-全局作用域.mp4 [36.1 MB] 25-为函数传参的过程中直接解构.mp4 [29.2 MB] 16-动态参数和剩余参数小结.mp4 [13.7 MB] 24-对象的解构.mp4 [43.6 MB] 17-展开运算符.mp4 [68.0 MB] 27-数组的forEach和filter方法.mp4 [87.8 MB] 23-数组的解构.mp4 [73.4 MB] 19-箭头函数的语法.mp4 [24.1 MB] 01-局部作用域.mp4 [66.8 MB] 03-作用域链.mp4 [36.8 MB] 11-提升只会提升到当前作用域开头.mp4 [32.4 MB] 21-箭头函数的特点.mp4 [47.5 MB] 26-对象解构时为变量定义别名.mp4 [21.5 MB] 13-提升相关的小案例.mp4 [33.8 MB] 20-箭头函数简化写法.mp4 [47.2 MB] 28-总结.mp4 [35.6 MB] 07-垃圾回收-标记清除.mp4 [44.0 MB] 06-垃圾回收-引用计数.mp4 [75.5 MB] 18-函数参数的默认值.mp4 [30.3 MB] 09-使用闭包的例子及其特点.mp4 [61.1 MB] 05-了解垃圾回收机制.mp4 [56.2 MB] 04-关于提倡使用语雀文档的建议.mp4 [40.5 MB] JavaScript进阶第1天文档.png [493.5 KB] 📁 📁 JavaScript进阶第3天 📁 📁 JS高级第3天视频 16-构造函数的问题.mp4 [31.5 MB] 04-购物车-处理商品SKU.mp4 [35.6 MB] 14-面向对象的特性及优缺点.mp4 [44.4 MB] 21-原型链.mp4 [50.9 MB] 11-数组方法.mp4 [63.7 MB] 02-每日作业.mp4 [154.9 MB] 19-三角关系.mp4 [82.4 MB] 07-购物车-商品总价格.mp4 [39.2 MB] 23-语雀文档导入导出.mp4 [47.2 MB] 18-扩展内置构造函数.mp4 [78.1 MB] 10-字符串方法2.mp4 [45.0 MB] 17-通过原型对象解决问题.mp4 [56.3 MB] 15-通过构造函数创建对象.mp4 [22.1 MB] 09-字符串方法.mp4 [37.6 MB] 12-数组的sort排序.mp4 [159.5 MB] 08-Object.assign.mp4 [61.6 MB] 01-反馈和回顾.mp4 [45.8 MB] 20-原型继承.mp4 [78.2 MB] 05-购物车-处理赠品.mp4 [67.1 MB] 06-购物车-商品小计.mp4 [19.8 MB] 22-instanceof运算符.mp4 [21.1 MB] 03-购物车-循环遍历数据.mp4 [44.4 MB] 13-理解面向对象和面向过程编程.mp4 [60.2 MB] 📁 📁 JavaScript进阶第2天 📁 📁 JS高级第2天视频 25-购物车案例-介绍.mp4 [16.9 MB] 04-商品筛选案例-渲染数据.mp4 [79.8 MB] 01-回顾和反馈.mp4 [72.1 MB] 05-商品筛选案例-点击按钮事件.mp4 [82.8 MB] 26-购物车案例-基础的结构渲染.mp4 [30.0 MB] 28-购物车案例-处理商品的赠品.mp4 [64.8 MB] 17-数组的find、findIndex方法.mp4 [26.9 MB] 16-数组的map、some、every方法.mp4 [62.7 MB] 08-字面量对象.mp4 [37.7 MB] 27-购物车案例-处理商品的SKU.mp4 [54.9 MB] 06-商品筛选案例-筛选结果.mp4 [57.3 MB] 15-包装类型介绍.mp4 [45.7 MB] 23-保留几位小数及精度问题.mp4 [29.7 MB] 13-静态成员.mp4 [45.0 MB] 20-涨薪案例-计算涨薪后的结果2.mp4 [12.7 MB] 09-new Object创建对象.mp4 [6.1 MB] 21-涨薪案例-计算累计涨薪多少.mp4 [28.2 MB] 22-字符串分割和截取.mp4 [29.7 MB] 10-构造函数创建对象语法.mp4 [44.8 MB] 12-构造函数其他说明.mp4 [32.5 MB] 02-查阅MDN和学习数组的forEach方法.mp4 [71.4 MB] 03-数组的filter方法.mp4 [16.6 MB] 24-Object的keys和values方法.mp4 [17.9 MB] 11-实例化的过程.mp4 [39.6 MB] 07-第2天内容介绍.mp4 [19.2 MB] 19-涨薪案例-计算涨薪后的结果.mp4 [29.4 MB] 18-数组的reduce方法.mp4 [49.5 MB] 资料.7z [83.9 MB] 适合人群 JavaScript初学者 前端开发工程师 学习收获 掌握JavaScript基础语法 学会使用JavaScript进行实战开发 提升前端开发能力 祝您学习愉快！ 学有所成，前程似锦！
