再学JavaScript ES(6-10)全版本语法大全 / 代码少、速度快、效率高,带你感受ES版本进化所带来的”爽、快“之感
快乐动起来呀

7年工作经验的资深前端工程师,主要从事Web视频领域的底层开发。先后在360、去哪儿网、某知名视频公司工作。授课风格:用最通俗的语言描述抽象是设计和原理,分分钟带你玩转技术和职场。

 
  • 课程目录
  • 课程介绍
  • 1-1 课程导学

  • 1-2 电子书位置

  • 1-3 环境准备

  • 1-4 Node 安装

  • 1-5 初始化项目

  • 1-6 编辑器配置

  • 2-1 作用域(1)

  • 2-2 作用域(2)

  • 2-3 什么是作用域

  • 2-4 let&const

  • 2-5 Let & Const

  • 2-6 ES5中数组有多少种遍历的方法?

  • 2-7 ES6中数组有多少种遍历的方法?

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

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

  • 2-10 Find&FindIndex(如何查找数组?)

  • 2-11 Array

  • 2-12 Class基础语法(怎么声明一个类?)

  • 2-13 Setter&Getter(如何读写属性?)

  • 2-14 Static Methods(如何操作方法?)

  • 2-15 Sub Classes(如何继承一个类?)

  • 2-16 Class

  • 2-17 Default Parameters(函数参数的默认值)

  • 2-18 Rest Parameter(怎么处理不确定参数?)

  • 2-19 Spread Operator(rest参数的逆运算)

  • 2-20 Arrow Functions(箭头函数)

  • 2-21 Function Update

  • 2-22 Object Property

  • 2-23 Set数据结构

  • 2-24 Map数据结构

  • 2-25 Object.assign(对象拷贝)

  • 2-26 Object Update

  • 2-27 Regexp Sticky(y修饰符)

  • 2-28 Regexp Unicode(u修饰符)

  • 2-29 RegExp Update

  • 2-30 String(字符串拼接问题)

  • 2-31 Template

  • 2-32 Array Destructure(解构赋值)

  • 2-33 Array Destructure(解构赋值)

  • 2-34 Object Destructrue(解构赋值)

  • 2-35 Desctructuring

  • 2-36 Callback(异步操作)

  • 2-37 Promise(异步操作)

  • 2-38 Then(异步操作)

  • 2-39 Resolve & Reject(异步操作)

  • 2-40 Catch(异步操作)

  • 2-41 All(异步操作)

  • 2-42 Race(异步操作)

  • 2-43 Promise

  • 2-44 Reflect.apply(反射机制)

  • 2-45 Reflect.construct(反射机制)

  • 2-46 Reflect.getOwnPropertyDescriptor(反射机制)

  • 2-47 Reflect

  • 2-48 proxy basic syntax(该怎样使用代理功能)

  • 2-49 Schema Validation(1)

  • 2-50 Schema Validation(2)

  • 2-51 Schema Validation(3)

  • 2-52 Revocable Proxy

  • 2-53 Proxy

  • 2-54 Generator(如何让遍历“停”下来)

  • 2-55 Syntax(1)

  • 2-56 Syntax(2)

  • 2-57 Scene Pratice

  • 2-58 Generator

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

  • 2-60 Iterator

  • 2-61 Generator

  • 2-62 Iterator

  • 2-63 Export Import(如何把代码进行模块化设计)

  • 2-64 Export Import(2)

  • 2-65 Export Import(3)

  • 2-66 module

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

  • 3-2 Array.prototype.includes & Math.pow

  • 4-1 Async\Await(有没有比Promise更优雅的异步方式)

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

  • 4-3 String Padding(对String补白的方式)

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

  • 4-5 Aysnc/Await & Object.values ……

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

  • 5-2 For await of(2)

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

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

  • 5-5 RegExp-dotAll

  • 5-6 RegExp-named captured groups(命名分组捕获)

  • 5-7 RegExp-lookbehind assert(后行断言)

  • 5-8 For await of ……

关于JS,任何前端都要学,任何前端都能学,任何前端都能学会

课程对前端无门槛,不管你是什么级别的前端,不管你干了多少年前端,这门课学的越早你受益越大

ES新版本语法讲解体系化输出知识点

分门别类串讲ES最新语法知识(ES6、ES7、ES8、ES9、ES10)

不同版本对比讲解从基础到实际应用

知识-应用-案例-习题在对比中学练结合

慕课网独家学习资源电子书+思维导图

讲师独家整理、解读的JS资料你找不到这么全、这么详细的

配合热门框架实操实练在Vue.js中结合应用

Vue实战(ES新语法配合热门框架实操)、构建知识(环境搭建过程)

关于ES新版本,看看这些知识点,还有比这里更全的吗?

进入课程专属学习群后,可下载更详细的完整学习资料,无论工作还是学习都让你一目了然

新旧语法对比示例,怎一个“爽”字了得

肉眼可见的少代码量与高效率

示例1:将嵌套的数组实现扁平化输出
原生能力支持无须单独实现
ES5实现方式
ES6+实现方式

新旧语法对比示例,怎一个“爽”字了得

肉眼可见的少代码量与高效率

示例2:将复杂问题简单化
如何给已知的数组去重
ES5实现方式
ES6+实现方式

新旧语法对比示例,怎一个“爽”字了得

肉眼可见的少代码量与高效率

示例3:动态渲染一个DOM片段
降低代码维护成本
ES5实现方式
ES6+实现方式

新旧语法对比示例,怎一个“爽”字了得

肉眼可见的少代码量与高效率

示例4:请用一步操作 在 “this cost is $100, not $1000 and $20 and ¥100” 字符串中精确找出前面字符是$且小于四位数的金额
让无能为力变得轻而易举
ES5实现方式
ES6+实现方式

每一小节都为你配备了方便阅读的“学习文档”

“文档”不仅有与视频课对应的内容,更有相关练习、Tips及讲师为你准备的扩展阅读内容

学员专享增值服务

问答专区

讲师集中答疑

关于课程的问题都可在问答区随时提问,讲师会进行集中答疑

源码开放

整套代码下载

免费提供课程源码,可自行下载使用方便你进行练习

适合人群

各个阶段的前端工程师

技术储备要求

掌握JavaScript基础知识和ES5语法

你觉得怎么样?期待您评价: