在2019年12月的ECMAScript 2020规范中，引入了一个新的全局对象globalThis。这个新的全局对象可以让我们在不同的环境中安全地访问全局对象，无论是在浏览器、Node.js还是Web Worker中。
在过去，我们访问全局对象的方法有很多种，比如在浏览器中使用window，在Node.js中使用global，在Web Worker中使用self。但是这些方法都存在一些问题，比如在不同的环境中使用不同的方法，容易引起混淆和错误。
而globalThis就是为了解决这些问题而设计的。它是一个全局对象，可以在任何环境中使用，而且它的属性和方法都是全局的，不会因为使用不同的方法而产生差异。
如何使用globalThis
使用globalThis非常简单，只需要在代码中直接使用即可，无需引入任何模块或库。例如：
console.log(globalThis);
上面的代码会在控制台输出一个全局对象，无论在什么环境中都是如此。
如果我们想在全局范围中定义一个变量或函数，可以使用globalThis来实现。例如：
globalThis.myVar = 123;
function myFunc() {
console.log('Hello, globalThis!');
}
console.log(myVar); // 123
myFunc(); // Hello, globalThis!上面的代码将一个变量和一个函数定义在全局范围中，并使用globalThis来访问它们。这样做可以确保在任何环境中都能够访问它们。
globalThis的安全性
在使用globalThis时，我们需要注意一些安全性问题。因为globalThis是一个全局对象，所以它的属性和方法可以被任何代码访问和修改，这可能会导致安全漏洞。
为了确保安全性，我们应该遵循一些最佳实践：
- 尽量不要在全局范围中定义变量和函数，这样可以避免和其他代码产生冲突。
- 如果必须定义全局变量或函数，可以使用命名空间来避免冲突。例如：
-- -------------------- ---- -------
---------------- - -
------ ----
------- ---------- -
------------------- --------------
-
--
------------------------- -- ---
--------------- -- ------ -----------上面的代码将变量和函数定义在一个命名空间中，避免了和其他代码产生冲突。
- 如果需要在不同的环境中使用globalThis，需要确保在每个环境中都可以安全地访问它。例如，在浏览器中，我们需要使用以下代码来确保globalThis的可访问性：
if (typeof window !== 'undefined') { // 浏览器环境
window.globalThis = window;
} else if (typeof global !== 'undefined') { // Node.js环境
global.globalThis = global;
} else if (typeof self !== 'undefined') { // Web Worker环境
self.globalThis = self;
}上面的代码会根据不同的环境来定义globalThis，确保在任何环境中都可以安全地访问它。
结论
ECMAScript 2020的globalThis是一个非常有用的全局对象，可以让我们在任何环境中安全地访问全局对象。使用globalThis可以避免在不同的环境中使用不同的方法，从而避免产生混淆和错误。但是在使用globalThis时，我们需要注意安全性问题，遵循一些最佳实践来确保安全性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675e683fc52bb7191765e7e3