这门课的名字里有个「再学」,不是随便起的。如果你之前跟着某套教程写过几行 let 和箭头函数,就以为自己已经会 ES6 了,那大概率会在真实代码里反复卡住——看不懂别人写的解构赋值套默认值,搞不清 async 函数里 await 到底等的是什么,更别提 ES2016 到 ES2019 那几个每年只加一点点、但面试和读源码时总冒出来的小特性。这门课解决的就是这个「学过但没学透」的阶段。

先认清这门课不负责什么

它不教你搭 Vue 项目,也不带你做前端工程化配置。虽然摘要里提到了这些方向,但那是学完之后你自然能看懂的东西,不是本课的目标。这门课只做一件事:把 ES6 到 ES10 的语法逐个讲清楚,让你在读现有代码时不再靠猜。所以别指望学完就能独立写一个完整应用,那是下一步的事。

另外要坦白一点:ES 版本之间并不是每个特性都同等重要。有些你可能半年用不上一次,比如某些正则的增强写法。课程会讲到它们,但你不必每一条都练到熟,心里有个印象、知道去哪儿查就够了。

建议的学习顺序

如果你时间碎,别从头顺着播。先集中攻三块:解构与默认值箭头函数与 thisPromise 和 async/await。这三块占了日常代码的绝大多数,也最容易一知半解。把这三块吃透,你会发现读别人的代码顺畅很多。

剩下的部分——模板字符串、展开运算符、模块化的 import/export、Set 与 Map、可迭代协议——可以按需穿插着看。每看完一小节,别急着往下翻,先在编辑器里手敲一遍,改几个参数看输出怎么变。这门课的语法点很密,光看不敲,过两天就只剩「好像见过」。

可以慢一点、甚至先跳过的部分

  • Proxy 与 Reflect:概念绕,初学阶段读源码遇到再回来补,不影响你写业务代码。
  • 各种正则的新语法:用到再查,死记没意义。
  • ES2016 之后逐年新增的零散小特性:有些只是让写法更短,理解原理即可,不必专门练。

跳过不是偷懒,是把有限的注意力先放在高频的地方。等高频部分稳了,再回头补这些,接受起来会快很多。

资料怎么配合练习

配套的章节笔记适合在两个时间点看:一是刚看完某一讲、趁热把要点对照一遍;二是过一段时间回头复习时,用它快速唤醒记忆。笔记不要拿来当教材通读,那样反而乱。

练习上给一个具体的做法:每学完一个特性,就去你手头任意一个真实项目里找找它出现在哪儿,或者自己写一小段演示再改坏它、看报什么错。语法这东西,出错信息比正确写法更能帮你记住规则。至于课程里那些偏理论的说明,看不懂就先放着,很多时候是后面某个练习做通了,前面的解释才突然变得好懂。

这门课本来就不是给「三天速成」准备的。慢慢来,一个特性一个特性地过,比一口气刷完再忘掉要划算。


image.webp 下载附件   保存到相册 2025-6-21 23:52 上传

课程推荐

《再学JavaScript ES(6-10)全版本语法大全》image.webp 下载附件   保存到相册 2025-6-21 23:52 上传【技能收获】学完可掌握:Vue / 前端工程化。课程以实战为导向,覆盖从基础概念到完整项目落地的关键步骤,配套章节笔记便于课后复盘与面试前快速回顾。【学习建议】建议按目录顺序学习,先打基础再进入综合实战章节;每完成 2~3 节可结合笔记整理一份学习小结,最终尝试独立复现一套完整 Demo 写入个人作品集。【就业发展】可面向岗位:Linux 运维工程师、SRE、云计算工程师、DevOps 工程师。云原生与自动化运维仍是企业 IT 刚需方向,认证 + 实战项目组合能显著提升面试通过率,适合向中高级运维或架构岗进阶。 若你已有一定编程或运维基础,本课程可帮助你在现有技能栈上快速叠加热门方向能力,提升求职时的项目说服力与薪资谈判空间。

视频目录(80 节)

*   1-1 课程导学  (1130).mp4

*   1-2 电子书位置  (0055).mp4

*   1-3 环境准备  (1311).mp4

*   2-1 作用域(1)  (1701).mp4

*   2-2 作用域(2)  (1632).mp4

*   2-4 let&const  (0710).mp4

*   2-6 ES5中数组有多少种遍历的方法?  (2118).mp4

*   2-7 ES6中数组有多少种遍历的方法?  (0952).mp4

*   2-8 Array.from(如何将伪数组转换成数组?)  (1802).mp4

*   2-9 Array.of-fill(如何生成新数组?)  (1118).mp4

*   2-10 Find&FindIndex(如何查找数组?)  (1317).mp4

*   2-12 Class基础语法(怎么声明一个类?)  (2529).mp4

*   2-13 Setter&Getter(如何读写属性?)  (1435).mp4

*   2-14 Static Methods(如何操作方法?)  (1405).mp4

*   2-15 Sub Classes(如何继承一个类?)  (1923).mp4

*   2-17 Default Parameters(函数参数的默认值)  (2039).mp4

*   2-18 Rest Parameter(怎么处理不确定参数?)  (0958).mp4

*   2-19 Spread Operator(rest参数的逆运算)  (0558).mp4

*   2-20 Arrow Functions(箭头函数)  (1717).mp4

*   2-22 Object Property  (1012).mp4

*   2-23 Set数据结构  (1239).mp4

*   2-24 Map数据结构  (1939).mp4

*   2-25 Object.assign(对象拷贝)  (1212).mp4

*   2-27 Regexp Sticky(y修饰符)  (0924).mp4

*   2-28 Regexp Unicode(u修饰符)  (2201).mp4

*   2-30 String(字符串拼接问题)  (2045).mp4

*   2-32 Array Destructure(解构赋值)  (1708).mp4

*   2-33 Array Destructure(解构赋值)  (1552).mp4

*   2-34 Object Destructrue(解构赋值)  (1755).mp4

*   2-36 Callback(异步操作)  (1911).mp4

*   2-37 Promise(异步操作)  (1158).mp4

*   2-38 Then(异步操作)  (1615).mp4

*   2-39 Resolve & Reject(异步操作)  (0555).mp4

*   2-40 Catch(异步操作)  (0508).mp4

*   2-41 All(异步操作)  (0629).mp4

*   2-42 Race(异步操作)  (1013).mp4

*   2-44 Reflect.apply(反射机制)  (1051).mp4

*   2-45 Reflect.construct(反射机制)  (1058).mp4

*   2-46 Reflect.getOwnPropertyDescriptor(反射机制)  (1827).mp4

*   2-48 proxy basic syntax(该怎样使用代理功能)  (0720).mp4

*   2-49 Schema Validation(1)  (1026).mp4

*   2-50 Schema Validation(2)  (1050).mp4

*   2-51 Schema Validation(3)  (1552).mp4

*   2-52 Revocable Proxy  (0839).mp4

*   2-54 Generator(如何让遍历“停”下来)  (1005).mp4

*   2-55 Syntax(1)  (1802).mp4

*   2-56 Syntax(2)  (0825).mp4

*   2-57 Scene Pratice  (2015).mp4

*   2-59 Iterator(如何让不支持遍历的数据结构“可遍历”)  (0844).mp4

*   2-60 Iterator  (1442).mp4

*   2-61 Generator  (1716).mp4

*   2-63 Export Import(如何把代码进行模块化设计)  (1222).mp4

*   2-64 Export Import(2)  (1238).mp4

*   2-65 Export Import(3)  (0925).mp4

*   3-1 includes+pow(数组中如何判断元素是否存在)  (0427).mp4

*   4-1 AsyncAwait(有没有比Promise更优雅的异步方式)  (2023).mp4

*   4-2 Object keys.values.entries(新增对Object快速遍历的方法,了解下?)  (1021).mp4

*   4-3 String Padding(对String补白的方式)  (0755).mp4

*   4-4 Object.getOwnDescriptor(如何获取Object数据的描述符)  (1238).mp4

*   5-1 For await of(异步操作集合是如何遍历的)  (1149).mp4

*   5-2 For await of(2)  (1105).mp4

*   5-3 Promise.finally(Promise是如何“兜底”操作的)  (0732).mp4

*   5-4 Object.rest.spread(新增Object的Rest和Spread方法)  (0849).mp4

*   5-5 RegExp-dotAll  (0659).mp4

*   5-6 RegExp-named captured groups(命名分组捕获)  (0732).mp4

*   5-7 RegExp-lookbehind  assert(后行断言)  (0951).mp4

*   6-1 ES10新增知识点(1)  (1813).mp4

*   6-2 ES10新增知识点(2)  (1248).mp4

*   6-3 ES10新增知识点(3)  (1510).mp4

*   7-1 vue项目安装  (1740).mp4

*   7-2 vue 指令  (0815).mp4

*   7-3 异步操作 Promise  (2247).mp4

*   7-4 desctructing解构赋值  (0944).mp4

*   7-5 字符串应用  (0852).mp4

*   7-6 代理 Proxy  (1912).mp4

*   7-7 自定义遍历  (2330).mp4

*   8-1 webpack  (2436).mp4

*   8-2 babel  (0741).mp4

*   8-3 eslint  (1631).mp4

*   9-1 课程总结  (0434).mp4