对于前端开发者来说，全局变量是一个很常见的事情。但是从 ES6 开始，我们可以使用更合适的方法来创建可靠的全局变量。在这篇文章中，我们将讨论一个新的方法——使用 globalThis 变量来创建全局变量，以及如何使用它来提高代码的可读性和可用性。
什么是 globalThis 变量
globalThis 是一个新的用于获取全局对象的内置变量。在浏览器中，它表示 window 对象，在 Node.js 中，它表示 global 对象。通过这个变量，你可以访问全局命名空间中的任何变量和函数。这使得你可以避免创建与其他库和代码之间冲突的全局变量，并允许不同环境下代码的重用。
如何使用 globalThis 变量
使用 globalThis 变量非常简单。你只需要将你的变量和函数添加到 globalThis 对象中就可以了。下面是一个示例，我们定义了一个全局变量 MYAPP，并将它赋值给 globalThis 对象。
-- -------------------- ---- ------- -------- -------- - ----------------- -- -- ----------- - ---------------- - - ----- --- ------------- -------- ------ ----- ------ --
现在，你可以在代码的任何地方使用 MYAPP 变量来访问 globalThis 对象中的属性和方法了。这使得你可以避免与其他代码之间的冲突，并允许访问相同的全局变量，从而提高代码的可读性和可用性。
具有指导意义的最佳实践
当使用 globalThis 变量时，有一些最佳实践你需要遵循，以确保你的代码更加健壮和可重用。下面是一些可以帮助你的最佳实践：
不要使用全局变量
虽然 globalThis 变量使得全局变量更加隔离和可重用，但是使用全局变量还是存在一些问题。它们很容易与其他代码发生冲突，并且可能导致内存泄漏和性能问题。因此，我们建议在创建全局变量时尽可能使用命名空间。
命名空间不应该过于复杂
如果在全局变量中使用了命名空间，建议不要过于复杂。过于复杂的命名空间可能使代码难以维护，并且使其他开发者难以理解你的代码。
为公共变量增加 version 属性
如果你的代码中存在公共变量，考虑为它们添加版本号属性。这可以让其他开发者知道你的代码的版本，并帮助他们做出更好的决策以避免与其他版本代码之间的冲突。
示例代码
下面是一个例子，演示了如何使用 globalThis 变量来创建全局变量。在这个例子中，我们创建了一个名为 MyApp 的命名空间，并在其中添加了一个 Greet 函数，然后将它们都赋值给 globalThis 对象。
-- -------------------- ---- -------
----------------- -
--- ----- - ----- -- ---
----------- - -------------- -
------------------ - - ------
-
------------ - ------
---------------
-------------------- -- --- ----- ----总结
使用 globalThis 变量来创建全局变量是一个很好的做法。使用它可以避免与其他代码之间的冲突，并提高代码的可读性和可用性。当使用 globalThis 变量时，请遵循最佳实践，如避免使用全局变量，不要使用过于复杂的命名空间，并为公共变量增加版本号属性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b73f23add4f0e0fffd2b9e