在前端开发中，经常会遇到实现跨环境的 JavaScript 应用程序的情况，因为在不同的JavaScript环境中，this的指向将不同，这会给开发带来很多问题。不过，ES2021中的globalThis为我们提供了一个解决方案。在本文中，我们将介绍globalThis是什么，以及如何在JavaScript中使用它来解决跨环境的问题。
globalThis 是什么？
globalThis 是一个特殊的对象，它指向全局作用域。由于JavaScript运行时环境不同，我们需要不同的方法来获取全局对象，比如在浏览器中，我们可以使用window对象，在Node.js中，我们可以使用global对象。但是，globalThis 将允许开发人员在任何环境中使用相同的代码来获取全局对象。
如何使用 globalThis？
使用 globalThis 只需要将其视为一个对象，它可以访问全局范围的属性和方法。
在浏览器中使用 globalThis
在浏览器中，可以使用 window 对象获取全局对象。为了确保代码可以在其他环境中重用，我们可以使用 globalThis。
const globalObject = typeof window !== 'undefined' ? window : globalThis;
此代码将在浏览器中使用window对象，在其他环境中使用globalThis对象。
在 Node.js 中使用 globalThis
在 Node.js 中，可以使用 global 对象访问全局对象。同样，我们可以使用 globalThis 来获取全局作用域。
const globalObject = typeof global !== 'undefined' ? global : globalThis;
此代码将在 Node.js 环境中使用 global 对象，在其他环境中使用 globalThis 对象。
示例代码
下面是一个使用 globalThis 的示例代码，该代码可以在浏览器和 Node.js 环境中运行。
-- -------------------- ---- -------
--------- -- -
----- ------------ -
------ ------ --- ----------- - ------ - ------ ------ --- ----------- - ------ - -----------
-------- ----------- -
------------------- -------- --- ---------------
-
----------------- - ---------
--------------- -- ------ ------ --- ------
-----在这个示例中，我们定义了一个函数 greet。通过使用 globalThis，我们可以确保在任何环境中，greet 函数的 this 指向全局对象。此外，我们在全局对象上设置了一个 name 属性，以便在函数中进行引用，并且确保在代码中使用正确的this关键字。
总结
在本文中，我们了解了 globalThis 是什么，以及如何在JavaScript中使用它来解决不同环境下的this指向问题。通过使用 globalThis，我们可以确保代码可以在不同的 JavaScript 环境中重用，并且可以始终正确地引用全局对象。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/664c6a94d3423812e4b3d731