课程收获

• Babel 工具的使用以及配置 ES6 项目环境
• 讲解如何使用 ES6 语法，学会在项目中应用 ES6
• 详细讲解 ES6、ES7 和 ES8 的相关知识点
• 具体项目场景分析，提供 ES6 的写法思路
• 基础知识高级知识一应俱全

适用人群

• 入门前端想深入了解一下 ES6 的同学
• 初级前端想要巩固一下 JavaScript 基础的同学

课程简介

这是一套讲解 ECMAScript 6(以下简称 ES6 )的教程，共分为 7 章 25 节。

知识点思维导图总结

源码与文档提供

课程大纲

• ES6从入门到进阶完全指南课程简介

ECMAScript6 简介及项目环境搭建

• ECMAScript 6 简介
• 使用 babel 工具搭建 ECMAScript6 项目环境

全新的声明及数据赋值方式

• 新的变量声明关键字 let 与 const
• 探秘 JS 的第七种数据类型 Symbol
• 不可不知的解构赋值

ECMAScript 6 新增的内置对象及已有对象的扩展

• 字符串的扩展方法及模板字符串
• ES6 和 ES7 之数组的扩展方法及扩展运算符的使用
• 详解数组中的 map 和 reduce
• ES6 和 ES8 之对象的新特性及新增方法
• Map 与 WeakMap 结构的特点
• Set 与 WeakSet 结构的特点
• Map、Set 与 Array 及 Object 间的区别
• 快速理解 ES6 中的代理 Proxy 和反射 Reflect（上）
• 快速理解 ES6 中的代理 Proxy 和反射 Reflect（下）

函数的扩展、类的概念及模块化

• 函数的扩展
• 深入浅出箭头函数
• ES6 中全方位理解类的概念
• 一览 JS 中模块化开发（import 和 export）

深入解析JavaScript中的异步编程

• 什么是异步编程及 JavaScript 的异步实现
• 解决回调地狱提出的新方案 — Promise
• JavaScript 的数据结构中统一的遍历接口 Iterator 和 for..
• 更直观的异步编程写法— Generator 函数
• 越来越优雅的异步编程— async

课程总结及项目遇到的问题

• 课程总结及项目遇到的问题

讲师介绍

Nick 老师，曾任某知名互联网公司资深前端工程师，团队负责人，现小D课堂资深全栈工程师，拥有 5 年前端开发经验，擅长前端自动化、工程化、模块化、数据可视化开发，熟悉 MVVM 模式，精通 Vue.js、Nodejs、Angular、React 等技术栈的开发使用。

课程问题

Q：学习本课程需要什么基础吗？

A：需要 Javascript 的基础,本套课程讲解的 ES6 是新版本的 Javascript 的新特性

Q：课程使用的编辑器是？

A：VSCode，可以前往：https://code.visualstudio.com/ 下载

Q：这个课程适合哪些人，应该怎么选择？

A：目前浏览器对 ES6 的支持度十分高，ES6 的语法比原先的 ES5 要简练、直观许多。使用 ES6 的语法编写的代码更容易维护以及代码量更少。所以，拥抱 ES6 吧，它能提高我们的生产力。

Q：学完后可以达到怎样的水平？

A：学完套课程后你可以掌握到项目中常用的 ES6 知识，并且能够熟练地运用在项目里。