缺什么补什么：别拿 ES6 当新语法背

很多前端转岗或备考的同学，简历里都写着“熟悉 ES6+”，真到写代码或面试被追问时，往往只能背出 let 和箭头函数。这门课解决的就是这个断层：它不把 ES6+ 当成零散的新语法去念，而是从浏览器端编译和工程化编译切入，让你先搞懂这些代码是怎么被转成低版本浏览器能跑的，再去逐个吃透核心 API。如果你现在写代码还在靠复制粘贴、看到别人用模板字符串或数组扩展方法还要去查文档，说明你的基础是有缺口的，这门课刚好用来补齐。

建议先看哪几块：从编译原理到数据操作

看这门课别一上来就死磕每个 API，建议先看开头的编译部分。搞懂浏览器端怎么编译、工程化里怎么配置编译，你才能真正理解为什么项目里可以放心用 ES6+ 语法而不怕兼容性问题。把这个底座打牢之后，重点啃两块：一是变量声明，把 let 和常量的作用域、暂时性死区彻底弄明白，别再和 var 混着用；二是字符串和数组的拓展。字符串部分多行、重复和原始字符串这些操作，在拼动态模板时非常高频；数组部分则要重点看转化、创建和搜索方法，这几个是处理接口数据的核心工具。资料包里的示例代码不要光看，必须跟着敲一遍，自己改参数看输出，这样肌肉记忆才打得牢。

学完能独立做什么

把这几块吃透，你再去翻别人的项目源码，就不会被那些简写语法绕晕了。具体到实际工作，你能独立做这几件事：给项目配置好编译流程，保证新语法平稳输出；在处理复杂业务逻辑时，不再手写繁琐的 for 循环去遍历找数据，而是直接用数组扩展方法链式调用搞定；在拼接复杂 HTML 模板或动态文案时，用多行字符串写出可读性极高的代码。资料包里的练习代码就是你的练靶场，每看完一节，先别急着看下一节，把对应的练习题自己敲一遍，报错了再回头查漏。前端不缺会背概念的人，缺的是能把语法当工具用熟的人，看完这门课，你应该能底气十足地回答这些问题：let 到底解决了 var 的什么致命缺陷？工程化编译和浏览器端编译在适用场景上有什么本质区别？数组新方法相比传统写法到底提升了什么效率？把这些问号拉直，这课就算没白看。

课程目录

1-1 [ES6] 浏览器端编译 (18:39)
1-2 [ES6] 工程化中编译 (40:21)
1-3 [ES6] let关键字 (24:16)
1-4 [ES6] 常量 (19:44)
1-5 [ES6] 判断字符串位置 (11:59)
1-6 [ES6] 多行字符串 (24:30)
1-7 [ES6] 重复字符串 (06:00)
1-8 [ES6] 原始字符串 (09:33)
1-9 [ES6] 数字类拓展 (02:42)
1-10 [ES6] 数字类拓展二 (16:48)
1-11 [ES6] 数字类拓展三 (21:04)
1-12 [ES6] 数字类拓展四 (59)
1-13 [ES6] 数学对象拓展 (14:00)
1-14 [ES6] 转化数组方法 (12:06)
1-15 [ES6] 创建数组 (09:56)
1-16 [ES6] 搜索数组 (12:04)
1-17 [ES6] 数组内部复制 (20:08)
1-18 [ES6] 定义对象 (06:56)
1-19 [ES6] is方法 (06:44)
2-1 [ES6] assign方法 (30:25)
2-2 [ES6] keys，values，entries (09:39)
2-3 [ES6] symbpl类型 (11:37)
2-4 [ES6] 代理 (15:12)
2-5 [ES6] 默认参数 (08:56)
2-6 [ES6] 获取剩余参数 (12:54)
2-7 [ES6] 对象解构 (17:25)
2-8 [ES6] 数组解构 (08:10)
2-9 [ES6] 三个点语法 (08:23)
2-10 [ES6] 箭头函数 (17:22)
2-11 [ES6] 箭头函数作用域 (27:56)
2-12 [ES6] set对象 (12:09)
2-13 [ES6] weakset对象 (06:05)
2-14 [ES6] map对象 (10:10)
2-15 [ES6] weakmap对象 (04:24)
2-16 [ES6] 迭代器 (13:41)
2-17 [ES6] generator函数 (09:25)
2-18 [ES6] 允诺对象 (25:37)
3-1 [ES6] 复习上一章的 (19:32)
3-2 [ES6] 创建组件 (32:24)
3-3 [ES6] 路由与header (20:36)
3-4 [ES6] 混合与首页 (21:44)
3-5 [ES6] 路由跳转与时间作用域 (21:01)
3-6 [ES6] 渲染详情页 (14:40)
3-7 [ES6] 评论页 (24:44)
3-8 [ES6] 添加评论 (31:09)
3-9 [ES6] git (51:41)