在传统的 JavaScript 中，全局变量是一个常见的问题。全局变量可能会导致命名冲突、不可预测的行为和难以调试的问题。ES11 中引入了 globalThis 对象，它提供了一种标准化的方式来访问全局对象，使得处理全局变量变得更加简单和可控。
globalThis 对象的定义
globalThis 对象是 ES11 中引入的一个新的内置对象，它是全局对象的标准化访问方式。globalThis 对象是跨平台的，并且可以在所有的 JavaScript 环境中使用，包括浏览器、Node.js 和 Web Workers。
globalThis 对象可以通过以下方式访问：
const globalObject = typeof globalThis !== 'undefined' ? globalThis : window;
这个代码片段检查了是否存在 globalThis 对象，如果存在则使用它，否则使用 window 对象。这样可以确保代码可以在所有的 JavaScript 环境中运行。
使用 globalThis 处理全局变量
使用 globalThis 对象可以避免使用全局变量，从而避免命名冲突和不可预测的行为。下面是一些使用 globalThis 处理全局变量的示例代码：
1. 在浏览器中访问全局变量
在浏览器中，全局变量通常是 window 对象的属性。使用 globalThis 对象可以确保代码在不同的 JavaScript 环境中运行时，可以访问全局对象。
const globalObject = typeof globalThis !== 'undefined' ? globalThis : window; globalObject.myGlobalVariable = 'hello world';
2. 在 Node.js 中访问全局变量
在 Node.js 中，全局变量通常是 global 对象的属性。使用 globalThis 对象可以确保代码在不同的 JavaScript 环境中运行时，可以访问全局对象。
const globalObject = typeof globalThis !== 'undefined' ? globalThis : global; globalObject.myGlobalVariable = 'hello world';
3. 在 Web Workers 中访问全局变量
在 Web Workers 中，全局变量通常是 self 对象的属性。使用 globalThis 对象可以确保代码在不同的 JavaScript 环境中运行时，可以访问全局对象。
const globalObject = typeof globalThis !== 'undefined' ? globalThis : self; globalObject.myGlobalVariable = 'hello world';
globalThis 对象的指导意义
globalThis 对象的引入标准化了访问全局对象的方式，使得处理全局变量变得更加简单和可控。使用 globalThis 对象可以避免使用全局变量，从而避免命名冲突和不可预测的行为。
总结
ES11 中引入了 globalThis 对象，它提供了一种标准化的方式来访问全局对象，使得处理全局变量变得更加简单和可控。使用 globalThis 对象可以避免使用全局变量，从而避免命名冲突和不可预测的行为。globalThis 对象是跨平台的，并且可以在所有的 JavaScript 环境中使用，包括浏览器、Node.js 和 Web Workers。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65600fead2f5e1655da3d8c4