ECMAScript 2021：如何使用globalThis对象
随着JavaScript的不断发展，ECMAScript也在不断更新，ECMAScript 2021是一个值得期待的版本。其中一个新特性是 globalThis 对象。
globalThis 对象提供了全局环境下的顶级变量对象。在浏览器环境下，它可以作为 window 对象的别名使用；在 Node.js 环境下，它可以作为 global 对象的别名使用。这使得开发者既可以在前端，也可以在后端无缝使用相同的代码。
如何使用 globalThis 对象呢？
一、使用方法
要使用 globalThis 对象，我们只需要直接使用 globalThis 这个变量即可。例如：
console.log(globalThis);
如果我们在浏览器环境下运行以上代码，则会得到 window 对象；如果在 Node.js 环境下运行，则会得到 global 对象。
需要注意的是，在不支持 globalThis 对象的旧版浏览器中，我们可以使用 this、self 或 window 来替代 globalThis。
二、实际应用
在实际开发中，有时我们需要兼容多个环境，如何进行操作？
我们可以使用全局变量 globalThis 来简化多个环境下的代码编写。例如，我们需要在 web 和 Node.js 环境下实现跨域请求，则需要在 web 环境下使用 XMLHttpRequest 对象，而在 Node.js 环境下使用 Node.js 提供的 http 模块。使用 globalThis 可以方便地实现此功能：
if (globalThis.XMLHttpRequest) { // web 环境下使用 XMLHttpRequest } else if (globalThis.require) { // Node.js 环境下使用 http 模块 }
三、示例代码
下面是一个简单的示例，演示了如何使用 globalThis 对象来简化代码：
function test() { globalThis.setTimeout(() => { console.log('当前页面：', globalThis.location.href); console.log('当前进程：', globalThis.process.pid || '浏览器进程'); }, 1000); }
test();
在浏览器环境下运行以上代码，我们可以看到输出：
当前页面： http://localhost 当前进程： 浏览器进程
在 Node.js 环境下运行，则会输出：
当前页面： undefined 当前进程： 通常会输出一个数字值
在这个示例中，我们使用了 globalThis.setTimeout() 来简化兼容不同环境下的 setTimeout() 调用方式。同时，我们使用了 globalThis.location 和 globalThis.process 对象来获取当前环境下的信息。
四、总结
globalThis 对象是 ECMAScript 2021 的一个新特性，它提供了一种在全局环境下访问顶级变量的方式。在实际开发中，我们可以使用它来简化多个环境下的代码编写，从而提高代码的可维护性和可重用性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6481ce9048841e98941481a4