补齐 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)





