ES6标准入门(第3版)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.4 顶层对象的属性

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

上面的代码中,顶层对象的属性赋值与全局变量的赋值是同一件事。

顶层对象的属性与全局变量相关,被认为是 JavaScript 语言中最大的设计败笔之一。这样的设计带来了几个很大的问题:首先,无法在编译时就提示变量未声明的错误,只有运行时才能知道(因为全局变量可能是顶层对象的属性创造的,而属性的创造是动态的);其次,程序员很容易不知不觉地就创建全局变量(比如打字出错);最后,顶层对象的属性是到处都可以读写的,这非常不利于模块化编程。另一方面,window 对象有实体含义,指的是浏览器的窗口对象,这样也是不合适的。

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

上面的代码中,全局变量 a 由 var 命令声明,所以它是顶层对象的属性;全局变量 b 由let命令声明,所以它不是顶层对象的属性,返回undefined。