js顶层对象

最新推荐文章于 2022-06-19 11:41:57 发布

DQ1005

最新推荐文章于 2022-06-19 11:41:57 发布

阅读量1.5k

点赞数

分类专栏：读书笔记文章标签：顶层对象

本文链接：https://blog.csdn.net/dq1005/article/details/103405842

版权

本文介绍了JavaScript中的顶层对象，特别是在不同环境（如浏览器、Node.js）中的区别。在ES5中，顶层对象与全局变量紧密相关，而在ES6中则有所不同。在浏览器环境下，顶层对象是window，而在Node.js中则是global。此外，self在某些环境中也指向顶层对象。获取顶层对象的方法并不总是可靠，如使用this或new Function，因为它们的行为在不同上下文中会变化。

摘要由CSDN通过智能技术生成

顶层对象在broswer环境中，指window对象；在node环境中指global对象。

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

ES5中只有全局变量、函数内局部变量两种类型。

        // 顶层变量
        var aA = `hello,I am ok!`;
        console.log('window.aA：',window.aA);  // window.aA： hello,I am ok!
        console.log('this.aA：',this.aA);      // this.aA： hello,I am ok!

        function test(){
            console.log('顶层对象所有');
        }
        window.test();   // 顶层对象所有
        this.test();     // 顶层对象所有
        // 最好是试用通用的方法：this[顶层对象属性名]
        // 在node环境下顶层非window，而是global

由上可见：顶层对象的属性赋值与全局变量的赋值是同一件事。

顶层对象的属性与全局变量相关，被认为是js语言中最大的设计败笔之一。

ES6中为了保持兼容性规定，var命令、function命令声明的全局变量依旧是顶层对象的属性；而let命令、const命令、class命令声明的全局变量不属于顶层对象属性。<