在 Web 开发中，经常会用到全局变量和函数，但在不同的环境下，全局变量和函数的定义与使用是不同的，特别是在不同的平台上，比如浏览器和 Node.js 等平台上，this 的指向情况也可能不同，产生了不少开发难题。随着 ECMAScript 2021 的发布，globalThis 这个全局对象应运而生，解决了不同平台之间的全局 this 问题。
globalThis 是什么？
globalThis 这个全局对象是 ES12（即 ECMAScript 2021）中新加入的，它是一个跨平台的全局属性，可以在浏览器中作为 window 对象的别名，而在 Node.js 中则作为 global 对象的别名。这样使用全局变量和函数时，就不用考虑所使用的平台和环境，globalThis 即可正确指向这个全局对象。
globalThis 的使用
使用 globalThis 就像使用任何全局变量一样，例如：
// 在浏览器中运行 console.log(globalThis === window); // true // 在 Node.js 中运行 console.log(globalThis === global); // true
全局函数和变量也可以同样访问 globalThis 对象，例如：
// 在浏览器中运行 var foo = 'Hello, World!'; console.log(globalThis.foo); // 'Hello, World!' // 在 Node.js 中运行 global.bar = 'Node.js rocks!'; console.log(globalThis.bar); // 'Node.js rocks!'
globalThis 对实际开发的指导作用
使用 globalThis 可以很好地解决不同平台之间的全局 this 问题，特别是在编写跨平台脚本时，非常实用。在实际开发中，我们需要注意以下几点：
- 可以在浏览器和 Node.js 中使用 globalThis 对象，避免不同平台下 this 的指向问题。
- 不同的平台上全局变量和函数的定义是不同的，需要视情况采取不同的使用方式。
- 在编写跨平台脚本时，应该注意平台特性和差异，适当地采用条件编译等技术。
示例代码
下面是一个示例，展示如何使用 globalThis 处理跨平台脚本中的全局变量和函数定义问题。
-- -------------------- ---- -------
-- -------- --------------
-- ------- ------ --- ------------ - -- ---
---------- - ---------- -
------------------- ---------
--
- ---- -- ------- ------ --- ------------ - -- -------
---------- - ---------- -
------------------- ---------
--
-
-- -------- --------------
-- ------- ------ --- ------------ - -- ---
---------- - ------- --------
- ---- -- ------- ------ --- ------------ - -- -------
---------- - ------- --------
-
-- ---------
----------------- -- ------- -------
---------------------------- -- ------- -------结论
globalThis 是一个很实用的全局对象，可以解决不同平台之间的全局 this 问题，简化跨平台脚本的编写。在实际开发中，我们应该根据平台特性和差异，适当地采用条件编译等技术，使代码更加健壮、可维护和易于移植。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fcbaf64471362601724462