ES6与ES5的差别

1、顶层对象

顶层对象，在浏览器环境指的是window对象，在 Node 指的是global对象。
ES5 之中，顶层对象的属性与全局变量是等价的。

var x1=1;
console.log(window.x1);  //1

ES6 为了改变这一点，一方面规定，为了保持兼容性，var命令和function命令声明的全局变量，依旧是顶层对象的属性；另一方面规定，let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性。也就是说，从 ES6 开始，全局变量将逐步与顶层对象的属性脱钩。

let x1=1;
console.log(window.x1);  //undefined

2、let 和 var 的区别

var 有变量提升的作用而let 没有。let 声明前调用变量，会报错，这是所谓的暂时性死区。
暂时性死区的概念：
暂时性死区是指，在进入当前作用域时，所要使用的变量就已经存在了，但是不可获取，只有执行到声明变量的那行代码后，才可使用该变量。

示例：

之前使用ES5时，一般用typeof来判断变量是否存在，如果变量没声明或未初始化时，使用typeof 会返回 ‘undefined’值。
ES6引入了let和const命令，let和const声明的变量存在暂时性死区，在暂时性死区（即变量声明前）调用该变量会报ReferenceError错误。

参考网址：http://es6.ruanyifeng.com