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错误。