飞豹客 · 课能看,资料也能带走
飞豹客体系课

学习es6

这门课解决什么问题 很多上班族的 JavaScript 还停留在 var 和 function 时代,写前端页面靠复制粘贴,遇到稍微复杂一点的数据处理就写成一长串的 for 循环。这门课解决的就是这个断层问题:它不讲怎么搭工程,也不碰框架,只专注在 ES6 这一层语法重构上。具体到工作场景,它帮你把

单课价¥39.00新品 上架
会员价¥19.50开通会员,全站课程按会员价下载套餐详情
0 人关注 更新于 2026-10-21 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥39.00

会员 · 按档位

永久¥19.505折
年¥23.406折
月¥27.307折

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

这门课解决什么问题

很多上班族的 JavaScript 还停留在 var 和 function 时代,写前端页面靠复制粘贴,遇到稍微复杂一点的数据处理就写成一长串的 for 循环。这门课解决的就是这个断层问题:它不讲怎么搭工程,也不碰框架,只专注在 ES6 这一层语法重构上。具体到工作场景,它帮你把回调里的 this 指向理顺,让你用解构赋值几行代码搞定接口返回的嵌套数据,用箭头函数和扩展运算符简化原本冗长的逻辑。如果你平时维护老项目,经常看不懂同事用 let、const 和 class 写的代码,或者想往现代前端转但总被基础语法卡住,这套资料就是用来补这块短板的。它不解决你找工作或者做架构的问题,只解决你代码写得丑、看不懂新语法的问题。

适合什么基础与建议先看哪几块

这套资料适合已经能写基本页面交互、但还没系统摸过 ES6 的前端开发者。如果你连变量声明和函数定义都还不熟练,建议先补 JavaScript 基础再来看。对于符合基础的人,建议不要按顺序从头看到尾,而是优先啃三个核心块:第一块是变量声明,重点对比 var、let 和 const 的区别,搞清楚为什么现在都推荐用 const;第二块是解构赋值和扩展运算符,这是日常写业务代码用得最多的语法,学完马上就能用在处理接口数据上;第三块是箭头函数,特别是箭头函数里的 this 指向问题,这是很多人写回调时踩坑的重灾区。面向对象那部分可以放后面看,等你前面几块练熟了再回来理解 class 和继承会更顺畅,因为那部分需要你先有实际的对象操作经验才能吃透。

学完能独立做什么与资料怎么配合练习

学完之后,你应该能独立重构一段老旧的 ES5 代码,把 var 换成 let 和 const,把冗长的函数声明改成箭头函数,把手动拼接字符串改成模板字符串,用解构赋值提取深层属性。更重要的是,你能看懂现代前端框架的源码片段和同事提交的代码,不再被新语法劝退。资料配合练习的方式建议这样:每个知识点看完视频后,不要急着赶进度,打开编辑器把视频里的代码自己敲一遍。对于解构赋值和扩展运算符,自己造几个复杂的嵌套对象来提取数据;对于箭头函数,故意写几个嵌套的定时器或者事件回调,对比普通函数和箭头函数里 this 的差异。这套资料没有配套的实战项目,所以你得自己找老项目代码来练手重构,把学到的语法逐个替换进去。光看不敲,过几天就会忘,ES6 的语法细节多,只有通过实际改代码才能形成肌肉记忆。

课程目录

课程目录22 集
  • 1 es6简介 (12:09).mp4
  • 2 var关键字 (13:20).mp4
  • 3 let关键字 (08:49).mp4
  • 4 const关键字 (14:43).mp4
  • 5 对象解构赋值 (11:07).mp4
  • 6 数组解构赋值 (08:34).mp4
  • 7 字符串解构 (03:17).mp4
  • 8 模板字符串 (09:27).mp4
  • 9 es6中对象的简化语法 (12:40).mp4
  • 10 函数默认值 (08:30).mp4
  • 11 函数的参数对象解构赋值 (08:28).mp4
  • 12 剩余参数 (16:49).mp4
  • 13 扩展运算符 (21:25).mp4
  • 14 箭头函数基本语法 (21:39).mp4
  • 15 箭头函数中的this (23:43).mp4
  • 16 箭头函数中的DOM操作 (12:25).mp4
  • 17 es5中的面向对象 (17:53).mp4
  • 18 es6中的面向对象 (09:01).mp4
  • 19 es6中的extends关键字 (04:19).mp4
  • 20 es6中的继承 (05:05).mp4
  • 21 es5中的静态属性和静态方法 (08:45).mp4
  • 22 es6中的静态属性和静态方法 (06:00).mp4