ES6顶层对象

顶层对象的属性

顶层对象，在浏览器环境指的是window对象，在Node指的是global对象。

ES5之中，顶层对象的属性与全局变量是等价的

window.a = 1 ;
a  //1

a = 2; 
window.a  //2

上面的代码，顶层对象的属性赋值与全局变量的赋值，都是同样的
顶层对象的属性与全局变量挂钩会导致一些后果

• 没法在编译是报出变量未声明的错误
• 不利于模块化编程
  window对象有实体含义，指的是浏览器的窗口对象，顶层对象是一个有实体含义的对象

ES6为了改变这一点，一方面为了保持兼容性 var 、function声明的全局变量，依旧是顶层对象的属性；另一方面新增的let、const、class方法来 声明的全局变量不属于顶层对象的属性

var  a  =  1
// 如果实在Node的环境下  可以写成global.a
// 在浏览器环境下指向window 在Node中指向global
window.a  //1

let a = 1
window.a  // undefined