![ES6标准入门(第3版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/811/47378811/b_47378811.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.4 顶层对象的属性
顶层对象在浏览器环境中指的是window对象,在Node环境中指的是global对象。在ES5中,顶层对象的属性与全局变量是等价的。
![](https://epubservercos.yuewen.com/F720A1/26763854109471806/epubprivate/OEBPS/Images/58_2.jpg?sign=1738854148-bDHKvGXbfG30Tpj977U2ctiTKEwBij1g-0-7cc32fa503ed4c816818c42b84b1a14b)
上面的代码中,顶层对象的属性赋值与全局变量的赋值是同一件事。
顶层对象的属性与全局变量相关,被认为是 JavaScript 语言中最大的设计败笔之一。这样的设计带来了几个很大的问题:首先,无法在编译时就提示变量未声明的错误,只有运行时才能知道(因为全局变量可能是顶层对象的属性创造的,而属性的创造是动态的);其次,程序员很容易不知不觉地就创建全局变量(比如打字出错);最后,顶层对象的属性是到处都可以读写的,这非常不利于模块化编程。另一方面,window 对象有实体含义,指的是浏览器的窗口对象,这样也是不合适的。
ES6为了改变这一点,一方面规定,为了保持兼容性,var命令和function命令声明的全局变量依旧是顶层对象的属性;另一方面规定,let命令、const命令、class命令声明的全局变量不属于顶层对象的属性。也就是说,从ES6开始,全局变量将逐步与顶层对象的属性隔离。
![](https://epubservercos.yuewen.com/F720A1/26763854109471806/epubprivate/OEBPS/Images/59_1.jpg?sign=1738854148-QaXG8bTFXAF0Vzy2Y8BN5XFivptMVgN8-0-85888354abb813db2507ce5c6cdadd40)
上面的代码中,全局变量 a 由 var 命令声明,所以它是顶层对象的属性;全局变量 b 由let命令声明,所以它不是顶层对象的属性,返回undefined。