补齐 ES6+ 语法短板,解决面试与工程化痛点

很多开发者在回顾 JavaScript 时,往往只记得简单的 let/const 或箭头函数,却对 ES6 到 ES10 中更底层、更实用的特性掌握不全。这门课程专门针对这一“能力缺口”设计,旨在帮助读者系统性地扫盲 ES6 至 ES10 的全版本语法。它不是泛泛而谈的概念介绍,而是深入到了数组遍历、类继承、参数处理以及新增数据结构等具体细节。对于正在备考前端岗位、准备转岗,或者在工作中发现代码写法停留在 ES5 时代的开发者来说,这套内容能精准填补知识盲区,让你在面对现代前端工程化开发时,不再因语法生疏而卡顿。

适合基础与学习路径建议

本课程适合已经掌握 JavaScript 基础语法(如变量、函数、基本对象操作),但希望进阶到现代开发规范的初学者或中级学习者。不需要精通所有高阶特性,但建议先回顾一下作用域链和原型链的基本概念,因为后续课程会在此基础上展开类(Class)和继承机制的讲解。建议学习顺序如下:首先完成第一章的环境搭建,确保 Node.js 和编辑器配置正常,这是后续实操的基础;接着进入第二章,重点攻克“作用域”、“let/const”以及“数组新特性”(如 from、of、fill、find)这几节,这是日常开发使用频率最高的部分;然后深入学习“函数更新”(默认参数、Rest 参数、箭头函数)和“类与继承”,这是理解现代框架底层逻辑的关键;最后不要跳过“Set 和 Map 数据结构”,它们在处理去重和复杂键值对时极具优势。通过这种由浅入深的顺序,你可以逐步建立起完整的 ES6+ 知识体系。

学后能力与资料配合

完成本套课程学习后,你将能够独立编写符合现代标准的 JavaScript 代码,熟练运用类进行面向对象编程,正确处理参数和数组,并使用 Set、Map 等新数据结构优化代码逻辑。更重要的是,你将能够清晰地区分 ES5 与 ES6+ 语法差异,并在实际项目中灵活选用最合适的语法特性,从而提升代码的可读性和执行效率。配套资料中包含了详细的电子书和练习代码,建议在学习每一章时,务必动手复现视频中的案例,特别是数组操作和类继承部分,通过亲手编码来巩固记忆,避免“看懂了但写不出来”的情况。结合章节后的练习题进行自我检测,能帮助你及时发现并弥补理解上的偏差,确保真正掌握这些核心语法技能。

课程目录

第1章 课程介绍与环境搭建 试看 6 节 | 26分钟
1-1 课程导学 (11:30)
1-2 电子书位置 (00:55)
1-3 环境准备 (13:11)
1-4 Node 安装
1-5 初始化项目
1-6 编辑器配置
第2章 ES6基础知识 66 节 | 701分钟
2-1 作用域(1) (17:01)
2-2 作用域(2) (16:32)
2-3 什么是作用域
2-4 let&const (07:10)
2-5 Let & Const
2-6 ES5中数组有多少种遍历的方法? (21:18)
2-7 ES6中数组有多少种遍历的方法? (09:52)
2-8 Array.from(如何将伪数组转换成数组?) (18:02)
2-9 Array.of-fill(如何生成新数组?) (11:18)
2-10 Find&FindIndex(如何查找数组?) (13:17)
2-11 数组 - Array
2-12 Class基础语法(怎么声明一个类?) (25:29)
2-13 Setter&Getter(如何读写属性?) (14:35)
2-14 Static Methods(如何操作方法?) (14:05)
2-15 Sub Classes(如何继承一个类?) (19:23)
2-16 Class
2-17 Default Parameters(函数参数的默认值) (20:39)
2-18 Rest Parameter(怎么处理不确定参数?) (09:58)
2-19 Spread Operator(rest参数的逆运算) (05:58)
2-20 Arrow Functions(箭头函数) (17:17)
2-21 Function Update
2-22 Object Property (10:12)
2-23 Set数据结构 (12:39)
2-24 Map数据结构 (19:39)
2-25 Object.assign(对象拷贝) (12:12)
2-26 Object Update
2-27 Regexp Sticky(y修饰符) (09:24)
2-28 Regexp Unicode(u修饰符) (22:01)
2-29 RegExp Updates
2-30 String(字符串拼接问题) (20:45)
2-31 Template
2-32 Array Destructure(解构赋值) (17:08)
2-33 Array Destructure(解构赋值) (15:52)
2-34 Object Destructrue(解构赋值) (17:55)
2-35 Desctructuring
2-36 Callback(异步操作) (19:11)
2-37 Promise(异步操作) (11:58)
2-38 Then(异步操作) (16:15)
2-39 Resolve & Reject(异步操作) (05:55)
2-40 Catch(异步操作) (05:08)
2-41 All(异步操作) (06:29)
2-42 Race(异步操作) (10:13)
2-43 Promise
2-44 Reflect.apply(反射机制) (10:51)
2-45 Reflect.construct(反射机制) (10:58)
2-46 Reflect.getOwnPropertyDescriptor(反射机制) (18:27)
2-47 Reflect
2-48 proxy basic syntax(该怎样使用代理功能) (07:20)
2-49 Schema Validation(1) (10:26)
2-50 Schema Validation(2) (10:50)
2-51 Schema Validation(3) (15:52)
2-52 Revocable Proxy (08:39)
2-53 Proxy
2-54 Generator(如何让遍历“停”下来) (10:05)
2-55 Syntax(1) (18:02)
2-56 Syntax(2) (08:25)
2-57 Scene Pratice (20:15)
2-58 Generator
2-59 Iterator(如何让不支持遍历的数据结构“可遍历”) (08:44)
2-60 Iterator (14:42)
2-61 Generator (17:16)
2-62 Iterator
2-63 Export Import(如何把代码进行模块化设计) (12:22)
2-64 Export Import(2) (12:38)
2-65 Export Import(3) (09:25)
2-66 module
第3章 ES7基础知识 2 节 | 5分钟
3-1 includes+pow(数组中如何判断元素是否存在) (04:27)
3-2 Array.prototype.includes & Math.pow
第4章 ES8基础知识 5 节 | 52分钟
4-1 Async\Await(有没有比Promise更优雅的异步方式) (20:23)
4-2 Object keys.values.entries(新增对Object快速遍历的方法,了解下?) (10:21)
4-3 String Padding(对String补白的方式) (07:55)
4-4 Object.getOwnDescriptor(如何获取Object数据的描述符) (12:38)
4-5 Aysnc/Await & Object.values ……
第5章 ES9基础知识 8 节 | 64分钟
5-1 For await of(异步操作集合是如何遍历的) (11:49)
5-2 For await of(2) (11:05)
5-3 Promise.finally(Promise是如何“兜底”操作的) (07:32)
5-4 Object.rest.spread(新增Object的Rest和Spread方法) (08:49)
5-5 RegExp-dotAll (06:59)
5-6 RegExp-named captured groups(命名分组捕获) (07:32)
5-7 RegExp-lookbehind assert(后行断言) (09:51)
5-8 For await of ……
第6章 ES10基础知识 4 节 | 47分钟
6-1 ES10新增知识点(1) (18:13)
6-2 ES10新增知识点(2) (12:48)
6-3 ES10新增知识点(3) (15:10)
6-4 JSON.stringify ……
第7章 ES新语法配合Vue实战 10 节 | 110分钟
7-1 vue项目安装 (17:40)
7-2 vue 指令 (08:15)
7-3 异步操作 Promise (22:47)
7-4 desctructing解构赋值 (09:44)
7-5 字符串应用 (08:52)
7-6 代理 Proxy (19:12)
7-7 自定义遍历 (23:30)
7-8 setup
7-9 Directive
7-10 ES6+
第8章 构建环境 6 节 | 49分钟
8-1 webpack (24:36)
8-2 babel (07:41)
8-3 eslint (16:31)
8-4 Webpack
8-5 Babel
8-6 ESlint
第9章 课程总结 1 节 | 5分钟
9-1 课程总结 (04:34)