在 ECMAScript 2020（ES11）中，JavaScript 的全局对象 global 发生了变化。这个变化对于我们开发前端应用的方式可能会产生影响。在本文中，我们将探讨这个变化带来的具体问题，并提供解决方案以应对这个变化。
变化概述
在 ES11 之前，我们可以在全局作用域下通过访问 window 或 global 来访问全局对象。但在 ES11 中，global 对象被规定为全局环境对象。这种方式可以在 Node.js 环境下实现，但在浏览器中使用时，就会出现问题。
在浏览器中使用 global 对象时，通常我们是将其作为全局变量使用的。但在 ES11 中，由于 global 对象变成了全局环境对象，我们无法通过全局变量来访问它。因此，许多使用旧代码编写的项目都将受到影响。
解决方案
为了解决这个问题，我们可以通过两种方式来访问 global 对象。
方式一：使用全局变量
在浏览器中使用 global 对象，我们可以通过将其作为全局变量使用的方式，来获取该对象。例如，我们可以在 HTML 文件的头部中添加以下代码：
<script>
// window 为浏览器中的全局对象，globalThis 为代码运行时环境的全局对象
const globalObject = typeof globalThis !== 'undefined' ? globalThis : window;
</script>通过这种方式，我们可以在全局作用域下创建一个全局变量，然后利用它来访问 global 对象。
方式二：使用 require
如果我们使用的是 Node.js 环境，我们可以通过使用 require 动态加载 global 对象来获取它。例如：
const globalObject = require('global');通过这种方式，我们可以在 Node.js 中获取 global 对象的引用，而不使用全局变量。
示例代码
以下是一个使用上述两种方式来访问 global 对象的示例代码：
-- -------------------- ---- -------
-- ------
--- -------------
-- ------- ------ --- ------------ -
-- -----------
------------ - -------
- ---- -- ------- ---------- --- ------------ -
-- ---------------
------------ - -----------
- ---- -
-- - ------- ----- -------
------------ - ------------------
-
-- ------
-------------------------------- ---------总结
在 ECMAScript 2020（ES11） 中，global 对象发生了变化。通过使用全局变量或 Node.js 的 require 方式，我们可以访问这个对象。在使用旧代码编写的项目中，我们可能会受到这个变化的影响。理解这个变化并使用合适的方法处理它，将有助于我们更好地管理我们的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64757412968c7c53b0284935