顶层对象,在浏览器环境指的是window对象,在Node指的是global对象。ES5之中,顶层对象的属性与全局变量是等价的。
window.a = 1;
a //1
a = 2;
window.a // 2
顶层对象的属性与全局变量挂钩,被认为是JavaScript语言最大的败笔之一。这样的设计带来几个很大的问题:
- 没法在编译时就报出变量未声明的错误,只有运行时才能知道(因为全局变量可能是顶层对象的属性创造的,而属性的创造是动态的);
- 程序员很容易不知不觉的创建了全局变量(比如打字出错);
- 顶层对象的属性到处可以读写,这非常不利于模块化变成。
ES6为了改变这一点,一方面规定,为了保持兼容性,var命令和function命令声明的全局变量,依然是顶层对象的属性;另一方面规定,let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性。