先判断:这门课值不值得学

如果你正在准备前端岗位的转行,或者平时写页面时一直用 var 声明变量、靠回调函数处理异步逻辑,那这门 ES6 课就是为你准备的。它解决的核心问题是:帮你跨越老版 JavaScript 写法与现代前端框架语法之间的鸿沟。现在主流的 Vue 或 React 源码及脚手架里,早就默认全量使用 ES6 及后续版本的语法了。如果你看不懂解构赋值、搞不清块级作用域,去学这些框架无异于看天书。这门课没有花哨的业务封装,就是老老实实地把 ES6 的核心语法拆开揉碎,让你先有扎实的基本功,再去碰框架,避免在真实项目里踩那些由作用域污染或异步执行顺序引发的隐蔽坑。

再定位:适合什么基础与怎么用资料

这门课不适合完全没摸过代码的零基础小白,它默认你已经掌握了基础的 HTML、CSS 和老版 JavaScript 语法,知道怎么写基本的函数和条件判断。对于想系统梳理现代前端语法的上班族和转行者,建议你拿到资料后,优先看解构赋值、块级作用域以及 async/await 这几个关键模块。前两者是日常代码里出现频率极高、但最容易和旧语法混淆的地方;后者则是处理接口请求、动画排队的核心,直接关系到你能不能写出不卡顿的页面逻辑。不要一上来就按顺序从头到尾看视频,先从自己最薄弱的语法点切入,带着日常写代码时遇到的报错去对照看,吸收效率会高很多。

看结果:学完能独立做什么

把这套资料配合日常的代码编辑器边看边练后,你应该能独立完成几件具体的事:在写业务逻辑时,能熟练用 let 和 const 替代 var,彻底规避变量提升导致的逻辑漏洞;在处理接口返回的复杂嵌套数据时,能直接用解构赋值把需要的字段精准提取出来,少写一半的赋值代码;在遇到多个接口需要按顺序请求、或者需要等待异步任务完成的场景时,能丢掉层层嵌套的回调地狱,用 async/await 写出像同步代码一样平铺直叙、好维护的逻辑。当你能独立把一个老式的 JS 逻辑用现代语法重构一遍,并清楚知道每一行改动背后的原理时,你就算真正拿到了通往前端框架开发的入场券。


ES6是前端开发人员的必备技能,前端主流框架开发的基础知识;本课程覆盖ES6知识体系的核心内容,并融入async、await等ES7的语法前展内容,体验异步的终

课程目录

*   第一章 let和const命令/

  *   let命令/

    *   本章导学

    *   let命令基本用法

    *   let命令与var的区别

    *   什么是块级作用域

    *   为什么需要块级作用域

    *   ES6块级作用域

    *   let命令注意事项

    *   let命令总结

  *   const命令/

    *   const命令基本用法

    *   const命令注意事项

    *   const命令总结

    *   本章总结

*   第二章 解构赋值/

  *   数组解构赋值/

    *   本章导学

    *   数组解构赋值基本用法

    *   数组解构赋值注意事项

    *   数组解构赋值总结

  *   对象解构赋值/

    *   对象解构赋值基本用法

    *   对象解构赋值注意事项-默认解构

    *   对象解构赋值注意事项-嵌套结构对象的解构

  *   字符串的解构赋值/

    *   字符串的解构赋值

  *   函数参数的解构赋值/

    *   函数参数的解构赋值

  *   解构赋值的优势/

    *   解构赋值的优势

    *   本章总结

*   第三章 字符串扩展/

  *   字符串扩展方法/

    *   本章导学

    *   字符串扩展方法

  *   模板字符串应用/

    *   模板字符串基本使用

    *   模板字符串原理

    *   模板字符串格式处理

    *   标签模板基本使用

    *   标签模板应用场景-1

    *   标签模板应用场景-2

    *   模板字符串总结

    *   本章总结

*   第四章 数值扩展/

  *   Number对象扩展方法/

    *   本章导学

    *   isNaN方法应用

    *   parseInt( )方法和parseFloat( )方法应用

    *   isInteger( )方法基本使用

  *   Math对象的扩展/

    *   trunc( )方法基本使用

    *   sign( )方法基本使用

    *   本章总结

*   第五章 数组的扩展/

  *   Array.from( )方法应用/

    *   本章导学

    *   Array.from( )方法应用-1

    *   Array.from( )方法应用-2

  *   Array.of( )方法应用/

    *   Array.of( )方法应用

  *   find( )和findIndex( )方法原理与实践应用/

    *   find( )方法基本使用

    *   find( )方法应用案例

    *   find( )方法原理

    *   findIndex( )方基本使用与应用案例

    *   findIndex( )方法原理

  *   fill( )方法应用/

    *   fill( )方法应用

  *   entries( ),keys( )和values( )方法应用/

    *   entries( ),keys( )和values( )方法应用

  *   includes( )方法应用/

    *   includes( )方法应用

  *   filter( )方法应用/

    *   filter( )方法基本使用

    *   filter( )方法原理

  *   some( )方法应用/

    *   some( )方法基本使用

    *   some( )方法原理

  *   every( )方法应用/

    *   every( )方法基本使用

    *   every( )方法原理

    *   本章总结

*   第六章 函数的扩展/

  *   rest参数/

    *   本章导学

    *   函数参数的默认值

    *   rest参数基本使用

    *   reduce方法基本使用

    *   通过reduce完成求和运算

    *   通过reduce完成求平均值

    *   reduceRight方法基本使用

    *   模拟实现 reduce

    *   模拟实现reduceRight

    *   rest参数的优点

    *   rest参数注意问题

  *   扩展运算符/

    *   扩展运算符基本使用

    *   拓展运算符应用场景-代替数组中的apply方法

    *   拓展运算符应用场景-用于函数调用

  *   箭头函数/

    *   箭头函数基本使用

    *   直接返回对象

    *   箭头函数中this的问题

    *   关于call( ),apply( )和bind( )方法的问题

    *   本章总结

*   第七章 对象的扩展/

  *   属性与方法的简洁表示方式/

    *   本章导学

    *   属性与方法的简洁表示方式

  *   Object.assign( )方法/

    *   Object.assign( )方法基本使用

    *   深浅拷贝问题

    *   Object.assign( )方法注意事项

  *   Object.setPrototypeOf( )与getPrototypeOf( )方法/

    *   Object.setPrototypeOf( )与getPrototypeOf( )方法的应用

  *   对象扩展运算符/

    *   对象扩展运算符

    *   本章总结

*   第八章 Symbol和Symbol属性/

  *   Symbol简介与基本使用/

    *   本章导学

    *   Symbol简介与基本使用

  *   Symbol应用场景(实战应用)/

    *   作为属性名的Symbol

    *   防止属性名称冲突

    *   模拟私有属性

    *   魔术字符串的问题

    *   消除魔术字符串方法-1

    *   消除魔术字符串方法-2

  *   属性名的遍历/

    *   属性名的遍历

    *   本章总结

*   第九章 Proxy和Reflect/

  *   Proxy应用/

    *   本章导学

    *   Proxy简介与get( )方法的使用

    *   set( )方法应用

    *   apply( )方法应用

    *   has( ) 方法应用

  *   Reflect应用/

    *   Reflect简介与基本使用

    *   has( )和deleteProperty( )方法使用

  *   Proxy和Reflect应用场景(实战应用)/

    *   综合应用场景-数据校验

    *   综合应用场景-简单模拟双向数据绑定

    *   本章总结

*   第十章 Set和Map数据结构/

  *   Set结构与WeakSet结构/

    *   本章导学

    *   Set结构简介与常用操作方法

    *   Set结构常用遍历方法

    *   针对Set结构其他操作

    *   WeakSet结构简介与常用操作方法

  *   Map结构与WeakMap结构/

    *   Map结构基本使用

    *   Map结构注意事项

    *   Map的属性和操作方法

    *   Map常用遍历方法

    *   WeakMap 基本使用

    *   WeakMap应用场景

    *   本章总结

*   第十一章 Iterator和for...of 循环/

  *   Iterator应用/

    *   本章导学

    *   Iterator基本使用

    *   数据结构的默认Iterator接口

    *   调用Iterator接口的场合

  *   for...of循环应用/

    *   for...of循环使用范围

    *   与其他遍历语法的比较

    *   本章总结

*   第十二章 Generator函数/

  *   Generator函数应用/

    *   本章导学

    *   Generator函数基本使用

    *   next方法参数

    *   for...of循环

    *   yield* 语句

    *   关于Generator函数中的this问题

  *   Generator函数应用场景/

    *   状态处理

    *   异步处理

    *   Iterator接口处理

    *   本章总结

*   第十三章 Promise对象/

  *   Promise对象定义/

    *   本章导学

    *   回调地狱问题

    *   Promise概念与基本使用

    *   使用Promise封装AJAX操作

  *   模拟构建Promise对象/

    *   模拟构建promise对象-构建基本结构

    *   模拟构建Promise对象-异常处理

    *   模拟构建Promise对象-then方法的处理

    *   模拟构建Promise对象-基本测试

    *   模拟构建Promise对象-同步模式处理

  *   Promise.prototype.then( )方法/

    *   Promise.prototype.then( )方法

  *   Promise.prototype.catch( )方法/

    *   Promise.prototype.catch( )方法

  *   Promise.all( )方法/

    *   Promise.all( )方法

  *   Promise.race( )方法/

    *   Promise.race( )方法

    *   本章总结

*   第十四章 异步操作和async函数/

  *   常见的异步编程/

    *   本章导学

    *   常见异步编程方式

  *   async函数应用/

    *   async函数基本使用

    *   理解async函数的异步操作

    *   async函数异常处理

  *   async函数应用案例/

    *   封装AJAX请求操作

    *   请求依赖关系的处理

  *   并行处理问题/

    *   并行处理问题

    *   本章总结

*   第十五章 Class类/

  *   Class基本使用/

    *   本章导学

    *   Class基本使用

  *   Class原理分析/

    *   Class原理分析

  *   constructor方法与实例对象/

    *   constructor方法与实例对象

  *   Class的继承/

    *   Class继承基本用法

    *   继承的原理

  *   Class的getter和setter函数/

    *   Class的getter和setter函数

  *   Class的静态方法/

    *   Class的静态方法

  *   Class的静态属性/

    *   Class的静态属性

    *   本章总结

*   第十六章 Module模块/

  *   什么是模块化/

    *   本章导学

    *   什么是模块化

  *   export命令/

    *   export命令的使用

  *   import命令/

    *   import命令的使用

  *   模块整体加载/

    *   模块整体加载

  *   export default命令/

    *   export default命令

  *   模块加载的实质/

    *   模块加载的本质

    *   本章总结