Declarar variáveis globais em JavaScript

Este tutorial apresenta como declarar variáveis ​​globais em JavaScript.

As variáveis ​​contêm os dados e as informações, que podem ser editados a qualquer momento. Em JavaScript, as variáveis ​​podem ser declaradas usando palavras-chave como const, let e var. O escopo da variável geralmente é definido pelo local de sua declaração. Uma variável declarada dentro de uma função tem escopo local e, portanto, é chamada de variável local. As variáveis ​​globais são definidas fora das funções e têm acesso a todas as funções e não apenas a uma.

Também podemos declarar variáveis ​​globais dentro de uma função usando a palavra-chave window. O tempo de vida de uma variável global termina quando fechamos a janela do navegador, ao contrário das variáveis ​​locais que são excluídas quando a função termina. As variáveis ​​globais geralmente são problemáticas para causar problemas de depuração e, portanto, geralmente são evitadas. Eles podem ser modificados por qualquer função, o que torna a vida miserável.

Declare a variável global em JavaScript

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

Podemos declarar uma variável global declarando uma variável fora de todas as funções.

Declare variáveis ​​globais dentro de uma função JavaScript

Use globalThis para declarar variáveis ​​globais em JavaScript

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

A propriedade global globalThis contém o valor global this, que é semelhante ao objeto global e pode ser usada para declarar variáveis ​​globais dentro de uma função.

Use window para declarar variáveis ​​globais em JavaScript

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

Em navegadores, todas as variáveis ​​globais declaradas com var são propriedades do objeto window. Podemos declarar variáveis ​​globais dentro de uma função anexando propriedades a um objeto window.