Declarar variables globales en JavaScript

1. Declarar variable global en JavaScript
2. Declarar variables globales dentro de una función de JavaScript

Este tutorial presenta cómo declarar variables globales en JavaScript.

Las variables contienen los datos y la información, que se pueden editar en cualquier momento. En JavaScript, las variables se pueden declarar utilizando palabras clave como const, let y var. El alcance de la variable generalmente se define por el lugar de su declaración. Una variable declarada dentro de una función tiene alcance local y, por lo tanto, se denomina variable local. Las variables globales se definen fuera de las funciones y tienen acceso a todas las funciones y no solo a una.

También podemos declarar variables globales dentro de una función usando la palabra clave window. La vida útil de una variable global finaliza cuando cerramos la ventana del navegador, a diferencia de las variables locales que se eliminan cuando finaliza la función. Las variables globales a menudo son problemáticas para causar problemas de depuración y, por tanto, generalmente se evitan. Pueden ser modificados por cualquier función, lo que hace la vida miserable.

Declarar variable global en JavaScript

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

Podemos declarar una variable global declarando una variable fuera de todas las funciones.

Declarar variables globales dentro de una función de JavaScript

Utilice globalThis para declarar variables globales en JavaScript

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

La propiedad global globalThis contiene el valor global this, que es similar al objeto global y se puede utilizar para declarar variables globales dentro de una función.

Utilice window para declarar variables globales en JavaScript

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

En los navegadores, todas las variables globales declaradas con var son propiedades del objeto window. Podemos declarar variables globales dentro de una función adjuntando propiedades a un objeto window.