什么是 globalthis？
在 JavaScript 中，全局对象是每个执行环境中访问的最顶层的对象，例如在浏览器中，全局对象为 window，而在 Node.js 中，全局对象为 global。由于在不同的执行环境中全局对象的名称不同，因此在编写跨平台的 JavaScript 代码时，我们需要一种统一的方式来获取全局对象。
globalthis 是一个可以用来获取全局对象的 npm 包。该包在任意执行环境中都可以正常使用，非常适合在跨平台的项目中使用。
如何使用 globalthis？
全局对象在 JavaScript 中非常重要，因此我们通常会将其作为一个全局变量来使用。在 ES5 时代，我们可以使用以下方法来获取全局对象：
--- ------------ - ----------- - ------ ----- -----
这种方法其实就是创建一个闭包，并将 this 绑定到闭包内部，从而使得外部无法修改 this。这样就可以确保我们始终可以获取到正确的全局对象。
但是，该方法有一个明显的缺点：它不适用于严格模式。在严格模式下，函数内部的 this 值不再绑定到全局对象上，因此我们不能再使用该方法来获取全局对象了。
在 ES6 中，我们可以使用 globalThis 来获取全局对象。但是，该属性在一些旧的浏览器上可能会不支持。为了解决这个问题，我们可以使用 globalthis 这个 npm 包来获取全局对象。
要使用 globalthis，我们首先需要安装它：
--- ------- ----------
然后，通过以下方式来引入它：
------ ---------- ---- -------------
或者，你也可以使用 CommonJS 的方式来引入：
--- ---------- - ----------------------
然后，我们就可以使用 globalthis 来获取全局对象了：
--- ------------ - -------------
当然，如果你需要获取特定的全局变量，例如 process 变量，在 Node.js 中，你还可以使用以下方式：
--- ------- - ---------------------
globalthis 在项目中的指导意义
对于一般的 JavaScript 开发者来说，可能并不需要关心全局对象是什么以及如何获取它。但是，对于那些编写跨平台的 JavaScript 代码的人来说，globalthis 是一个非常重要的 npm 包。
如果你正在编写一个要在多个执行环境中运行的库或者应用程序，那么使用 globalthis 可以很方便地获取全局对象，从而避免了因为执行环境不同而导致的问题。
而且，随着越来越多的人开始使用 ES6 的代码，使用 globalthis 也越来越有必要了。虽然在绝大多数现代浏览器上 globalThis 是正常工作的，但调用 globalThis 的代码也存在不兼容性的风险。因此，使用 globalthis 可以带来一定的兼容性保障。
示例代码
下面的示例展示了如何在跨平台的项目中使用 globalthis 来获取全局对象：
------ ---------- ---- -------------
----- ------- - ---------------------
----- ------- - ---------------------
------ ------- -------- -------- -
----- ------- - ------ ---- -- ----------
-- -------- -- ----------- -- -------------------- --- ------------- -
-- -------- ----- -----
-----------------------
- ---- -
---------------------
-
-该示例代码将会根据当前执行环境的不同以不同的方式输出日志。如果是在生产环境中运行，那么只会输出 error 级别的日志。而在开发环境中，则会输出所有级别的日志。这样可以确保在生产环境中不会泄露敏感信息，同时在开发环境中可以更方便地进行调试。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedadb5b5cbfe1ea0610cf8