在 ES11 中，全局对象的行为发生了一些变化。这些变化可能会导致一些错误，尤其是在前端开发中。在本文中，我们将讨论这些变化，以及如何避免由此引起的错误。
全局对象的变化
在 ES11 之前，全局对象通常是指 window 对象（在浏览器环境中）或 global 对象（在 Node.js 环境中）。在 ES11 中，全局对象的定义发生了变化，它现在被定义为“全局环境记录”。
这个全局环境记录包含了全局对象的属性和方法，但它不再是一个真正的对象。换句话说，我们不能像以前那样在全局对象上添加自定义属性或方法。
这个变化的主要原因是为了支持新的 JavaScript 模块系统。在旧的模块系统中，每个模块都有自己的全局对象，这可能会导致一些混乱。通过将全局对象定义为全局环境记录，我们可以保证每个模块都可以访问相同的全局属性和方法，而不会互相干扰。
避免全局对象变化带来的错误
由于全局对象的变化，我们需要注意一些潜在的错误。以下是一些常见的错误和如何避免它们的方法。
在全局对象上添加属性或方法
在 ES11 中，我们不能像以前那样在全局对象上添加自定义属性或方法。如果你试图这样做，你会得到一个错误。
----------------- - -------- -- ----- -- ----
为了避免这个错误，我们应该使用 let 或 const 声明变量，或者将属性或方法添加到全局环境记录中。
--- ---------- - -------- -- ----------- --------------------- - -------- -- -----------
使用全局对象作为命名空间
在以前，我们经常使用全局对象作为命名空间，将变量和函数组织在一起。在 ES11 中，这种做法不再可行，因为我们不能在全局对象上添加自定义属性或方法。
为了避免这个错误，我们应该使用模块化的方法来组织我们的代码。每个模块都有自己的命名空间，并且不会互相干扰。
使用全局对象作为默认对象
在以前，我们经常使用全局对象作为默认对象。例如，我们可以使用 setTimeout 函数而不必显式地提供 window 对象。
--------------------- - ------------------- --------- -- ------
在 ES11 中，我们不能这样做，因为全局对象不再是一个真正的对象。为了避免这个错误，我们应该显式地提供对象。
--------------------- - ------------------- --------- -- ----- ------------
使用全局对象作为 this 值
在以前，我们经常使用全局对象作为 this 值。例如，我们可以使用 setTimeout 函数并将 this 值设置为全局对象。
--- --- - -
----- --------
------ ---------- -
--------------------- -
------------------- - - --------- - -----
-- ------
-
--
------------ -- ----- -- ----在 ES11 中，我们不能这样做，因为全局对象不再是一个真正的对象。为了避免这个错误，我们应该使用箭头函数或者将 this 值传递给函数。
--- --- - -
----- --------
------ ---------- -
------------- -- -
------------------- - - --------- - -----
-- ------
-
--
------------ -- -----------或者
--- --- - -
----- --------
------ ---------- -
--------------------- -
------------------- - - --------- - -----
------------- ------
-
--
------------ -- -----------结论
在 ES11 中，全局对象的定义发生了变化，它现在被定义为“全局环境记录”。这个变化可能会导致一些错误，尤其是在前端开发中。为了避免这些错误，我们应该避免在全局对象上添加属性或方法，使用模块化的方法来组织我们的代码，显式地提供对象，使用箭头函数或者将 this 值传递给函数。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6724a6f62e7021665e149d48