JavaScript 中的全局对象

哈喽！今天心血来潮给大家带来了《JavaScript 中的全局对象》，想必大家应该对文章都不陌生吧，那么阅读本文就都不会很困难，以下内容主要涉及到，若是你正在学习文章，千万别错过这篇文章~希望能帮助到你！

在 javascript 中，全局对象是所有开发人员的关键概念。它包含程序中所有全局可访问的变量、函数和对象。这篇文章旨在解释全局对象到底是什么，它在不同环境中的行为方式，以及为什么正确管理它对于有效、干净和可维护的代码至关重要。

什么是全局对象？

全局对象可以理解为javascript运行的环境。它是所有全局变量和函数的容器。在浏览器中，全局对象是 window _而在 node.js 中它是 _global。在函数外部声明的任何全局变量或函数都可以通过全局对象访问。

浏览器

var a = 1;
console.log(window.a); // 1

node.js

var a = 1;
console.log(global.a); // 1

全局范围和变量

全局声明的变量附加到全局对象。如果多个脚本共享相同的全局空间，这里可能会出现冲突。

假设您有两个不同的脚本，它们都使用 var.

在全局范围内声明一个具有相同名称的变量

脚本 1

var message = "hello!";
console.log(message) // hello!

脚本 2

var message = "Goodbye!";
console.log(message); // Goodbye!

当两个脚本运行时，它们都使用 var 在全局范围内声明一个消息变量。第二个脚本覆盖脚本 1 设置的消息值，因为两个变量都存储在同一全局空间中（浏览器中的 window）。 这导致了输出的差异。

最好通过限制全局变量的使用来避免这种情况。尽可能将范围保持在本地。

globalthis 和 window

直到最近，开发人员还必须使用浏览器中的 window 和 node.js 中的 global 来访问全局对象。然而，es2020 引入了 globalthis，一种跨环境访问全局对象的统一方式。 globalthis 标准化了对全局对象的访问。

全局函数和对象

全局对象还包含内置对象和函数，例如：console、settimeout _and _setinterval、json 和 math。您可以全局访问这些对象，而无需直接引用全局对象。

那么我们如何在保持干净、有效的代码的同时保持最佳实践呢？全局对象很有用，但过度依赖它可能会导致问题。这里有一些建议：避免使用全局变量 (var) 以减少名称冲突和意外副作用的风险，而应在函数中使用局部变量。使用 let 和 const。

浏览器中的全局对象

在浏览器中，window对象不仅仅是一个全局容器。它还包含 dom (document)、浏览器 api (fetch) 和其他特定于 web 的对象。这使得窗口成为任何基于浏览器的 javascript 执行的中心。

node.js 中的全局对象

在 node.js 中，全局对象是 global，但它不会像浏览器中的 window 那样自动向其添加变量。 node.js 鼓励使用模块来保持全局命名空间的干净和结构化。

结论

全局对象是 javascript 处理全局变量、函数和对象的核心。了解它在不同环境中的工作原理、谨慎使用它并遵循最佳实践将帮助您编写干净、可维护的代码。通过使用 let 或 const 最小化全局变量，您可以避免问题并提高您的 javascript 技能。

来源：

全局对象

全局对象

好了，本文到此结束，带大家了解了《JavaScript 中的全局对象》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！