这门课解决什么实际问题
很多前端开发者和后端同学对 JavaScript 的理解停留在 ES5，或者只零散知道 ES6 的某个语法糖，比如箭头函数或解构赋值，但面对真实的业务代码时，依然会写出冗余、难以维护的逻辑。慕课网的这套 ES(6-10) 全版本语法课程，核心解决的痛点正是“语法碎片化”与“现代工程实践脱节”。
它不仅仅是罗列关键字，而是将 ES6 到 ES10 的演进脉络梳理清晰。从作用域的重构、类与继承的现代写法，到数组方法的扩展、Set 与 Map 数据结构的应用，再到函数参数的默认值、剩余参数和展开运算符，这些内容直接对应日常开发中的数据清洗、状态管理和组件封装场景。学完后，你能摆脱“用 jQuery 思维写原生 JS”的习惯，写出更符合现代浏览器标准、运行效率更高且更易阅读的代码。
适合什么基础，建议先看哪些
这门课适合具备一定 JavaScript 基础，但希望系统升级语法体系的同学。如果你已经熟悉 var/let/const 的区别，了解基本的对象操作，但对 Class 继承机制、伪数组转换或高级数组方法（如 find、from）的使用场景模糊，这套课非常适合查漏补缺。
建议学习路径如下：首先务必完成第一章的环境搭建，包括 Node 安装与项目初始化，因为后续所有语法示例都需要在本地环境中验证，而非仅靠浏览器控制台，这是建立工程化思维的第一步。进入第二章后，优先精读“作用域”、“let 与 const”、“箭头函数”以及“Class 基础语法”这几节。作用域章节帮助理解闭包和执行上下文，这是 JS 的核心难点；Class 章节则是面向对象编程在现代 JS 中的标准实现。对于数组相关章节（Array.from、find、filter 等），可根据自身业务需求选择跳过或深究。
学完能独立做什么，资料如何配合
完成课程学习后，你将能够独立使用现代 JavaScript 语法重构旧有代码，或者在新项目中规范地定义类、处理异步数据流、管理状态集合。具体而言，你可以熟练运用箭头函数简化回调逻辑，利用 Class 和继承构建可复用的组件架构，通过 Set 和 Map 高效处理去重与键值映射需求，并使用展开运算符简化对象和数组的合并操作。
资料包中的代码示例并非简单的演示，而是配合了 Node 环境的运行脚本。请务必跟随课程进度，在本地搭建对应的项目结构，手动敲写每一处关键代码，特别是 Class 继承和数组方法部分，切忌只看不动手。通过对比 ES5 与 ES6+ 的实现差异，才能真正内化这些语法特性，将其转化为肌肉记忆，从而在面对复杂的职场前端任务时，具备独立设计清晰代码结构的能力。
课程目录
第1章 课程介绍与环境搭建 试看 6 节 | 26分钟 1-1 课程导学 (11:30).mp4 1-2 电子书位置 (00:55).mp4 1-3 环境准备 (13:11).mp4 1-4 Node 安装.mp4 1-5 初始化项目.mp4 1-6 编辑器配置.mp4 第2章 ES6基础知识 66 节 | 701分钟 2-1 作用域（1） (17:01).mp4 2-2 作用域（2） (16:32).mp4 2-3 什么是作用域.mp4 2-4 let&const (07:10).mp4 2-5 Let & Const.mp4 2-6 ES5中数组有多少种遍历的方法？ (21:18).mp4 2-7 ES6中数组有多少种遍历的方法？ (09:52).mp4 2-8 Array.from（如何将伪数组转换成数组？） (18:02).mp4 2-9 Array.of-fill（如何生成新数组？） (11:18).mp4 2- 10 Find&FindIndex（如何查找数组？） (13:17).mp4 2- 11 数组 - Array.mp4 2- 12 Class基础语法（怎么声明一个类？） (25:29).mp4 2- 13 Setter&Getter（如何读写属性？） (14:35).mp4 2- 14 Static Methods（如何操作方法？） (14:05).mp4 2- 15 Sub Classes（如何继承一个类？） (19:23).mp4 2-16 Class.mp4 2- 17 Default Parameters（函数参数的默认值） (20:39).mp4 2- 18 Rest Parameter（怎么处理不确定参数？） (09:58).mp4 2- 19 Spread Operator（rest参数的逆运算） (05:58).mp4 2- 20 Arrow Functions（箭头函数） (17:17).mp4 2- 21 Function Update.mp4 2- 22 Object Property (10:12).mp4 2- 23 Set数据结构 (12:39).mp4 2- 24 Map数据结构 (19:39).mp4 2- 25 Object.assign（对象拷贝） (12:12).mp4 2- 26 Object Update.mp4 2- 27 Regexp Sticky（y修饰符） (09:24).mp4 2- 28 Regexp Unicode（u修饰符） (22:01).mp4 2- 29 RegExp Updates.mp4 2- 30 String（字符串拼接问题） (20:45).mp4 2-31 Template.mp4 2- 32 Array Destructure（解构赋值） (17:08).mp4 2- 33 Array Destructure（解构赋值） (15:52).mp4 2- 34 Object Destructrue（解构赋值） (17:55).mp4 2-35 Desctructuring.mp4 2- 36 Callback（异步操作） (19:11).mp4 2- 37 Promise（异步操作） (11:58).mp4 2- 38 Then（异步操作） (16:15).mp4 2- 39 Resolve & Reject（异步操作） (05:55).mp4 2- 40 Catch（异步操作） (05:08).mp4 2- 41 All（异步操作） (06:29).mp4 2- 42 Race（异步操作） (10:13).mp4 2-43 Promise.mp4 2- 44 Reflect.apply（反射机制） (10:51).mp4 2- 45 Reflect.construct（反射机制） (10:58).mp4 2-46 Reflect.getOwnPropertyDescriptor（反射机制） (18:27).mp4 2-47 Reflect.mp4 2- 48 proxy basic syntax（该怎样使用代理功能） (07:20).mp4 2- 49 Schema Validation（1） (10:26).mp4 2- 50 Schema Validation（2） (10:50).mp4 2- 51 Schema Validation（3） (15:52).mp4 2- 52 Revocable Proxy (08:39).mp4 2-53 Proxy.mp4 2-54 Generator（如何让遍历“停”下来） (10:05).mp4 2-55 Syntax（1） (18:02).mp4 2-56 Syntax（2） (08:25).mp4 2- 57 Scene Pratice (20:15).mp4 2-58 Generator.mp4 2-59 Iterator（如何让不支持遍历的数据结构“可遍历”） (08:44).mp4 2- 60 Iterator (14:42).mp4 2- 61 Generator (17:16).mp4 2-62 Iterator.mp4 2- 63 Export Import（如何把代码进行模块化设计） (12:22).mp4 2- 64 Export Import（2） (12:38).mp4 2- 65 Export Import（3） (09:25).mp4 2-66 module.mp4 第3章 ES7基础知识 2 节 | 5分钟 3-1 includes+pow（数组中如何判断元素是否存在） (04:27).mp4 3-2 Array.prototype.includes & Math.pow.mp4 第4章 ES8基础知识 5 节 | 52分钟 4-1 Async\Await（有没有比Promise更优雅的异步方式） (20:23).mp4 4-2 Object keys.values.entries(新增对Object快速遍历的方法,了解下？) (10:21).mp4 4-3 String Padding（对String补白的方式） (07:55).mp4 4-4 Object.getOwnDescriptor（如何获取Object数据的描述符） (12:38).mp4 4-5 Aysnc/Await & Object.values …….mp4 第5章 ES9基础知识 8 节 | 64分钟 5-1 For await of（异步操作集合是如何遍历的） (11:49).mp4 5-2 For await of(2) (11:05).mp4 5-3 Promise.finally（Promise是如何“兜底”操作的） (07:32).mp4 5-4 Object.rest.spread（新增Object的Rest和Spread方法） (08:49).mp4 5-5 RegExp-dotAll (06:59).mp4 5-6 RegExp-named captured groups(命名分组捕获) (07:32).mp4 5-7 RegExp-lookbehind assert(后行断言) (09:51).mp4 5-8 For await of …….mp4 第6章 ES10基础知识 4 节 | 47分钟 6-1 ES10新增知识点（1） (18:13).mp4 6-2 ES10新增知识点（2） (12:48).mp4 6-3 ES10新增知识点（3） (15:10).mp4 6-4 JSON.stringify …….mp4 第7章 ES新语法配合Vue实战 10 节 | 110分钟 7-1 vue项目安装 (17:40).mp4 7-2 vue 指令 (08:15).mp4 7-3 异步操作 Promise (22:47).mp4 7-4 desctructing解构赋值 (09:44).mp4 7-5 字符串应用 (08:52).mp4 7-6 代理 Proxy (19:12).mp4 7-7 自定义遍历 (23:30).mp4 7-8 setup.mp4 7-9 Directive.mp4 7-10 ES6+.mp4 第8章 构建环境 6 节 | 49分钟 8-1 webpack (24:36).mp4 8-2 babel (07:41).mp4 8-3 eslint (16:31).mp4 8-4 Webpack.mp4 8-5 Babel.mp4 8-6 ESlint.mp4 第9章 课程总结 1 节 | 5分钟 9-1 课程总结 (04:34).mp4
