Entendendo Variáveis na Programação
Olá HaWker! Jeff Bruchado por aqui.
Esse é o terceiro artigo da nossa série de artigos que vai cobrir a nossa jornada para Aprender Programação do Zero.
Bom, sem enrolação, vamos começar!
Dentro do universo da programação, as variáveis têm um papel fundamental. No JavaScript, esse papel é ampliado pela sua dinamicidade e versatilidade.
Este artigo tem como objetivo elucidar o que são variáveis, como declará-las, e como elas se comportam dentro do ambiente JavaScript. JavaScript que é a linguagem que escolhemos para estudar Programação do Zero.
O que são variáveis?
Variáveis, em termos simples, são "caixas" onde armazenamos valores. Imagine que você possui uma série de gavetas, e em cada uma delas, você guarda um objeto diferente.
As variáveis funcionam de maneira similar, armazenando dados que podem ser números, strings (texto), objetos, entre outros.
Como declarar variáveis e armazenar valores nelas?
No JavaScript, temos várias formas de declarar variáveis, sendo as mais comuns através das palavras-chave var, let e const.
Cada uma delas tem suas peculiaridades:
- var: Era a forma tradicional de declarar variáveis antes do ES6. As variáveis declaradas com var são, por padrão, elevadas (hoisting) e têm escopo de função.
- let: Introduzido com o ES6, permite declarar variáveis com escopo de bloco, evitando muitos problemas relacionados ao var.
- const: Também do ES6, é usado para declarar constantes, ou seja, valores que não podem ser reatribuídos após sua declaração.
Bom, se você não entendeu bem a diferença sobre cada uma, na dúvida utilize let para variáveis que seus valores podem ser modificados após a declaração, e const para variáveis em que seus valores não são alterados após sua declaração.
Mas NUNCA utilize var para declarar variáveis, como disse acima, essa é a forma antiga de declarar variáveis, e não deve mais ser utilizada.
Var, Let ou Const? Uma Questão de Imutabilidade
Ao escolher entre var, let e const, a imutabilidade é uma consideração importante.
Quando você declara uma variável com const, você não está apenas dizendo que a variável não pode ser reatribuída; você está fazendo uma afirmação sobre a imutabilidade:
Embora possamos modificar o array declarado como constante, não podemos reatribuir um novo valor a ele.
Entendendo Inicialização vs. Declaração
No JavaScript, é possível declarar uma variável sem inicializá-la:
Mas, podemos atribuir um valor a ela mais tarde:
Hoisting
Hoisting é um comportamento peculiar do JavaScript que "move" declarações de variáveis para o topo do seu escopo.
Na prática, significa que uma variável pode ser utilizada antes de ser declarada.
No entanto, é uma prática recomendada declarar variáveis no início de seu escopo para prevenir confusões.
Regras de nomenclatura
Embora o JavaScript seja uma linguagem flexível, existem algumas regras para nomear variáveis:
- Os nomes podem conter letras, números, sublinhados (_) e cifrões ($), mas não podem começar com um número.
- Não é permitido usar palavras-chave da linguagem como nome de variável.
- Nomes de variáveis são sensíveis a maiúsculas e minúsculas, ou seja, Nome e nome são diferentes.
- É recomendado usar a convenção camelCase para nomes de variáveis com mais de uma palavra.
Tipos de Dados em Variáveis
Na Programação e no JavaScript, variáveis podem armazenar diferentes tipos de dados.
Enquanto algumas linguagens exigem que você declare explicitamente o tipo de dado de uma variável, o JavaScript é dinamicamente tipado. Isso significa que o tipo de dado de uma variável pode mudar durante a execução do programa. Alguns dos tipos mais comuns incluem:
- Number: Para números, seja inteiro ou flutuante.
- String: Para sequências de caracteres.
- Boolean: Para valores verdadeiro ou falso.
- Object: Para coleções de dados ou instâncias de construtores.
- Undefined: Para variáveis não inicializadas.
- Null: Representa a ausência de valor.
Variáveis Temporais com Template Strings
Nesse momento eu vou explicar uma coisa muito legal que temos disponível no JavaScript e em outras linguagens de Programação também, como Python. Que são os Template Strings.
Em vez de concatenar variáveis em strings usando o sinal de adição (+), o JavaScript moderno oferece Template Strings para embutir variáveis dentro de strings:
Isso facilita a leitura e formatação de textos que incluem variáveis.
Operações com Variáveis
Uma outra coisa muito legal na Programação, é que você não está limitado a apenas armazenar valores em variáveis. Você também pode executar operações e ter o resultado dessas operações armazenados:
Escopo de variáveis
Um outro conceito que eu considero super importante você entender, não necessariamente vai ser necessário nesse instante, mas no futuro você vai cair em algum caso de escopo, disso eu tenho certeza!
Basicamente Escopo de variáveis refere-se à parte do código onde ela pode ser acessada. No JavaScript, temos basicamente três escopos: global, de função e de bloco.
Escopo Global (global scope)
Variáveis declaradas acima ou abaixo de qualquer função ou bloco pertencem ao escopo global. Elas podem ser acessadas de qualquer lugar do código, o que, por vezes, pode causar conflitos e erros inesperados.
Escopo de função (function scope)
Variáveis declaradas dentro de uma função usando var têm escopo de função. Isso significa que elas só podem ser acessadas dentro daquela função.
Diferença entre Escopo Global e Escopo de Função
A principal diferença entre o escopo global e de função é a acessibilidade.
Enquanto variáveis de escopo global são acessíveis em todo o código, as de escopo de função estão restritas à função onde foram declaradas.
Com o advento do ES6 e a introdução do let, também temos o escopo de bloco, que limita o acesso a um determinado bloco de código, como loops e condicionais.
A seguir vamos visualizar a diferença em código entre os escopos.
Função vs. Bloco: Visualizando Escopos
Bom, como eu comentei acima, o JavaScript ES6 introduziu let e const, que têm escopo de bloco.
A seguir eu vou te mostrar a diferença entre escopo de função e escopo de bloco:
Conclusão
Pois bem HaWker, como você pode perceber, esse é um artigo bem denso, e de extrema importância.
Entender variáveis é crucial para dominar a Programação e o JavaScript, ou qualquer outra linguagem de programação.
Ao compreender as nuances de declaração, hoisting e escopo, você estará mais preparado para escrever códigos limpos, eficientes e sem erros.
E lembre-se, estou aqui para te ajudar em cada passo do caminho!
Sensacional HaWker! 👏🏻
Chegamos ao fim do nosso terceiro artigo. 😮💨
E se você chegou até aqui, por favor, responda esse email com "Consegui entender variáveis!". Para assim eu saber que essa série de artigos está sendo útil pra você.
Caso tenha ficado com alguma dúvida, por favor! Sinta-se a vontade para responder esse email com sua dúvida, vai ser um grande prazer te ajudar.
Somente um verdadeiro HaWker chega até o final.
Parabéns!
Estou feliz em te ter aqui.
Te vejo em breve, bora pra cima! 🦅
- Jeff Bruchado
Parabéns por chegar até aqui, HaWker! 🎉
Nesse momento que você aprendeu sobre variáveis na programação e suas diversas nuances, que tal testar seus conhecimentos? Participe do quiz abaixo e veja o quanto você absorveu do nosso artigo.
É uma ótima maneira de fixar o aprendizado e se preparar para os próximos passos na sua jornada de programação.
Boa sorte e divirta-se!
