Defina uma variável global dentro de uma função JavaScript

Em JavaScript, pode haver um requisito para utilizar um valor específico repetidamente. Por exemplo, integrar ou relacionar todos os valores com um valor específico para retornar o resultado desejado. Em tais cenários, a variável global desempenha um papel vital na redução da complexidade geral do código e classificando as funcionalidades do código no final do desenvolvedor.

Este artigo discutirá a utilização da variável global na função JavaScript.

O que é uma variável global em JavaScript?

O "variáveis ​​globais”Tenha um escopo global e pode ser invocado de qualquer lugar do programa em JavaScript.

Vamos prosseguir para os seguintes exemplos para entender claramente esse conceito.

Exemplo 1: Utilização da variável global em JavaScript

Neste exemplo, a variável global será inicializada fora do escopo da função e será acessada na função definida pelo usuário:

Nas linhas de código acima:

• Em primeiro lugar, crie duas variáveis ​​globais e atribua a corda declarada e valores inteiros, respectivamente.
• Na próxima etapa, defina uma função chamada “MyFunction ()”.
• Em sua definição, exiba o global inicializado “corda" valor.
• Depois disso, utilize o global “Inteiro”Valor para retornar a soma dos valores.
• Por fim, invoco a função definida e exiba a soma resultante no console.

Saída

Na saída acima, como observado, a utilização das variáveis ​​globais foi feita adequadamente.

Exemplo 2: Utilização da variável global dentro de uma função JavaScript

Neste exemplo, a variável global será definida em uma função e acessada em uma função separada, mantendo assim seu escopo global com a ajuda do “janela”Objeto:

No trecho de código acima:

• Primeiro de tudo, inclua um título ter o declarado “eu ia”Para acumular o valor resultante.
• No código JavaScript, defina uma função chamada “MyFunction1 ()”.
• Em sua definição, inicialize uma variável global com o valor inteiro declarado com a ajuda do “janela”Objeto.
• Agora, declare outra função, “MyFunction2 ()”.
• Na definição da função, acesse o cabeçalho incluído por seu “eu ia"Através do"getElementById ()”Método.
• Depois disso, associe o “Innerhtml”Propriedade com o elemento buscado e acesse a variável global inicializada da função anterior, de modo que o valor global seja exibido como um“cabeçalho”.
• Finalmente, invoco as duas funções.
• Como resultado, o valor global correspondente será exibido no DOM.

Saída

Na saída acima, é evidente que o valor definido globalmente foi acessado e exibido na forma de um título.

Conclusão

““Variável global”É definido fora do escopo da função que é acessível em todo o programa. Esta variável pode ser definida dentro de uma função JavaScript via “janela”Objeto. Este artigo define essa variável na função JavaScript globalmente e acessada em uma função separada, mantendo assim seu escopo global.