在 JavaScript 中声明全局变量

1. 在 JavaScript 中声明全局变量
2. 在 JavaScript 函数中声明全局变量

本教程介绍了如何在 JavaScript 中声明全局变量。

变量保存数据和信息，可以随时对其进行编辑。在 JavaScript 中，可以使用诸如 const，let 和 var 之类的关键字来声明变量。变量的范围通常由其声明位置定义。在函数内部声明的变量具有局部作用域，因此称为局部变量。全局变量是在函数外部定义的，并且可以访问所有函数，而不仅仅是一个函数。

我们还可以使用 window 关键字在函数内部声明全局变量。当我们关闭浏览器窗口时，全局变量的生命周期结束，这与函数结束时被删除的局部变量不同。全局变量通常会引起调试问题，因此通常避免使用。它们可以被任何函数修改，这带我们很大的调试挑战。

在 JavaScript 中声明全局变量

<script>
var yourGlobalVariable;
function foo() {
    // ...
}
</script>

我们可以通过在所有函数外部声明一个变量来声明一个全局变量。

在 JavaScript 函数中声明全局变量

在 JavaScript 中使用 globalThis 声明全局变量

<script>
function foo() {
    globalThis.yourGlobalVariable = ...;
}
</script>

全局 globalThis 属性包含全局 this 值，该值类似于全局对象，可用于在函数内部声明全局变量。

在 JavaScript 中使用 window 来声明全局变量

<script>
function foo() {
    window.yourGlobalVariable = ...;
}
</script>

在浏览器中，所有用 var 声明的全局变量都是 window 对象的属性。我们可以通过将属性附加到 window 对象上来在函数内部声明全局变量。