ES5与ES6的区别

102 阅读1分钟
  • 与ES5相比,ES6新增了两个声明变量的方法let与const。最大的区别是let与const有块级作用域,而且这两个不能隐式提升,也不能重复声明相同变量。

  • ES6中的箭头函数定义不再使用关键字function(),而是利用了()=>来定义,使用箭头函数需要注意的是: (1)用了箭头函数,this就不是指向window,而是父级(指向是可变的)
    (2)箭头函数没有arguments对象
    (3)不能使用new关键字来构造函数

  • es6可以使用解构赋值,大大减少代码的书写的繁琐度,增加可读性

  var obj = {  a: 1,b: 2, c: 3 };
  // es5的方法打印
  console.log(obj.a)
  console.log(obj.b)
  console.log(obj.c)
  //es6的方法打印
  var {  a,  b, c} = obj
  console.log(a)
  console.log(b)
  console.log(c)
  • Set与Map Set主要用于数据重组 
    (1)成员不能重复
    (2)只有键值没有键名,类似数组
    (3)可以遍历,方法有add, delete,has
    Map用于数据储存:
    (1)本质上是健值对的集合,类似集合
    (2)可以遍历,可以跟各种数据格式转换