Minicursos - Javascript

Variáveis Locais e Globais


Agora que já falamos sobre o que é uma variável e o que são funções, é o momento de fazermos um aprofundamento. Em JavaScript, assim como em muitas outras linguagens, podemos ter variáveis locais e globais.

As variáveis locais somente podem ser acessadas de dentro da função a qual pertencem, enquanto as globais podem ser utilizadas por todas as funções da aplicação. Diferencia-las é muito simples. Uma variável é considerada global se ela não estiver contida em nenhuma função. Dessa forma todas as funções poderão usa-la. Por outro lado, uma variável é considerada local se tiver sido criada dentro de uma função.

Resumindo: se uma variável não tiver vínculo com nenhuma função, pode ser usada por todas!

Na prática funciona da seguinte forma:

Variáveis - Javascript

É simples! Mas talvez você esteja se perguntando por que não criar todas as variáveis globais, já que dessa forma elas ficariam acessíveis a todas as funções, certo? É uma pergunta comum.

Bem, variáveis globais são uma verdadeira faca de dois gumes. O fato de poderem ser acessadas por qualquer função é algo perigoso de se administrar, principalmente em códigos grandes. Imagine uma variável global que é acessada por 15 funções ao longo de um código, todas efetuando alterações no valor da mesma a todo instante. Ficaria extremamente complicado saber seu valor atual no momento de efetuar uma verificação de código. E ainda existe outro diferencial: as variáveis globais mantém o seu valor durante toda a execução da aplicação, fato que não acontece com as locais. Uma variável local somente existe durante a execução da função. Quando esta se encerra, a variável é destruída da memória. Considerando isso, armazenar dados como senhas em uma variável global pode não ser interessante, já que isso ficaria na memória tempo demais. Sendo assim, use as variáveis globais somente se realmente precisar persistir seu valor ou então passa-lo para outra função. Do contrário, ou seja, se um determinado valor só for útil dentro da função, use a local.

Curiosidade:

E se criarmos uma variável global chamada idade, mas dentro de uma função criarmos uma variável local também chamada idade. Então atribuímos valores diferentes a elas e, de dentro dessa função, mandamos exibir o valor da variável idade. Qual dos valores será exibido, o da variável local ou da global? Vamos testar:

Testando este código no navegador, teremos:

25! O interpretador sempre dará prioridade para a variável local, por isso no nosso exemplo o valor exibido foi de 25.



Veja também

Xiaomi vende 52,9 milhões de celulares no segundo trimestre de 2021 e faturamento dispara

A gigante chinesa Xiaomi registrou um aumento de quase 85% no seu faturamento no segundo trimestre de 2021 em comparação ao mesmo período do ano passado. A receita divulgada pela empresa foi de 13,5 bilhões de dólares (algo em torno de 70 bilhões de reais) nos meses de abril a junho deste ano...

Ler Notícia Completa
Ajude o Contém Bits com um cafezinho!

Se você gostou do artigo, se ele lhe foi útil de alguma maneira e você quiser ajudar o Contém Bits, saiba que é simples, fácil e rápido. Basta clicar na imagem do PayPal (ou no cafezinho) e seguir as instruções, em ambiente seguro e com o respaldo do Paypal. Eu agradeço muito! :)


Você gostará destes vídeos!