高效学习ES6，让你的代码更加优雅

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

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

• ES5和ES6的区别？说一下你所知道的ES6
• var、let、const之间的区别是什么？什么时候用let，什么时候用const？
• 使用箭头函数应注意什么？
• ES6 怎么写class ，为何会出现 class？

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

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

比如使用箭头函数：

代码语言：javascript复制

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

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

再比如对象解构：

代码语言：javascript复制

// ES5
var obj1 = { a: 1, b: 2, c: 3, d: 4 }
var a = obj1.a
var b = obj1.b
var c = obj1.c
var d = obj1.d

// ES6
const obj1 = { a: 1, b: 2, c: 3, d: 4 }
const {
  a,
  b,
  c,
  d
} = obj1

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

ecmascript

0 人点赞