在前端开发中，我们经常需要在全局作用域访问一些对象或者变量，但是在不同的环境下，全局对象并不总是相同的，比如在浏览器端，全局对象是 window，而在 Node.js 环境中，全局对象是 global。为了解决这个问题，ES12 引入了 globalThis 对象，本文将对其进行详细的讲解并提供一些实用的应用示例。
globalThis 的定义
globalThis 是一个全局对象，它是一个不可删除的属性，可以在不同的环境中访问到。在浏览器端，globalThis 指向 window，在 Node.js 环境中，globalThis 指向 global。
使用 globalThis 的优势
使用 globalThis 可以避免在不同的环境中使用不同的全局对象，因为 globalThis 可以在不同的环境中访问到。这样可以方便地在不同的环境中共享代码，提高代码的可复用性和移植性。
globalThis 的应用示例
在浏览器端和 Node.js 环境中获取全局对象
在 Node.js 环境中，可以通过 globalThis 获取到 global 对象：
console.log(globalThis === global); // true
在浏览器端，可以通过 globalThis 获取到 window 对象：
console.log(globalThis === window); // true
在不同的环境中共享代码
使用 globalThis 可以方便地在不同的环境中共享代码，比如在浏览器端和 Node.js 环境中共享一个对象：
// shared.js
globalThis.sharedObject = { name: "shared object" };在浏览器端和 Node.js 环境中都可以访问到 sharedObject：
// browser.js
console.log(sharedObject); // { name: "shared object" }
// node.js
console.log(sharedObject); // { name: "shared object" }兼容旧代码
使用 globalThis 可以方便地处理不同的全局对象，比如在旧代码中可能会使用 window 或 global，可以通过 globalThis 兼容这些代码：
if (typeof globalThis.localStorage === "undefined") {
if (typeof window.localStorage === "undefined") {
globalThis.localStorage = { /* polyfill */ };
} else {
globalThis.localStorage = window.localStorage;
}
}在这个示例中，如果 globalThis.localStorage 不存在，则判断 window.localStorage 是否存在，如果存在则将其赋值给 globalThis.localStorage，否则使用一个多态体对象作为 localStorage 的 polyfill。
总结
globalThis 是一个在不同的环境中都可以访问到的全局对象，在前端开发中具有很多实用的应用场景。使用 globalThis 可以方便地在不同的环境中共享代码，处理不同的全局对象，提高代码的可复用性和移植性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64abc8df48841e989479de1d