两小时搞定ES6：原理讲解+项目实战-白红宇

两小时搞定ES6：原理讲解+项目实战

阅读量：4117 次

发布时间：2019-05-25

本文共 1235 字，大约阅读时间需要 4 分钟。

ES6是咱前端必备的技能，不过，你真的理解ES6 的核心新特性吗？

来测试一下，看看这几个问题：

ES5和ES6的区别？说一下你所知道的ES6

var、let、const之间的区别是什么？什么时候用let，什么时候用const？

使用箭头函数应注意什么？

ES6 怎么写class ，为何会出现 class？

如果你能很快答出来，并能给出具体例子，那你的 ES6 基础还是很不错的！

如果你还需要去搜索答案，那可得好好补补了。因为这些题都是面试中关于ES6 的常见题目，考察你对ES6核心新特性的掌握，只有对这些概念精准掌握，你才能在工作中熟练运用ES6，高效写出优雅代码。

比如使用箭头函数：

// ES5箭头函数写法let f = function(v){  return v}// ES6箭头函数写法let f = v => v

ES6 中箭头函数的语法非常简单：标识符=>表达式。代码量可以减少 50% 以上。

再比如对象解构：

// ES5var obj1 = { a: 1, b: 2, c: 3, d: 4 }var a = obj1.avar b = obj1.bvar c = obj1.cvar d = obj1.d// ES6const obj1 = { a: 1, b: 2, c: 3, d: 4 }const {  a,  b,  c,  d} = obj1

在 ES6 中对象解构的赋值操作将变得十分简单，减少了 50% 以上的代码量。

像 ES6 中类似上述优雅代码写法还有非常多，大家也不用费劲去找资料了，给大家搜罗来一份开课吧资深前端讲师录制的《原理讲解+项目实战带你高效掌握ES6》资料包：不仅包含ES6 核心新特性的讲解，还有基于 ES6 class 的贪吃蛇游戏实现，通过实例教你如何在实际项目中拆分类，帮你提升面向对象的编程思想！免费领哦~