Aula 3: Aprendendo Variáveis e Tipos Primitivos

Hello World!!!

Espero que todos tenham tido um ótimo! Vamos aproveitar esse final de ano para aprender sobre variáveis e tipos primitivos em JavaScript. 🚀

Declarando Variáveis

Uma coisa importante de entender sobre variáveis é que elas ocupam espaço no computador. Isso significa que todo software que desenvolvemos está diretamente ligado ao hardware que hospeda esse site ou sistema. Quanto mais variáveis nosso sistema tiver, mais espaço ele ocupará no computador. Por isso, é essencial saber como gerenciar variáveis para criar códigos de qualidade. Afinal, se não cuidarmos disso, nenhum computador vai aguentar o nosso sistema!

As variáveis servem para armazenar valores que podemos usar em todo o código. Para criá-las no JavaScript, precisamos declará-las. Existem três formas principais de fazer isso: var, const e let.

Como Declarar

1. Declarar a variável
2. Atribuir um valor

Exemplos:

Agora vamos entender o que diferencia cada tipo:

Explicação de Cada Tipo

var:

Essa é a forma mais antiga de declarar variáveis em JavaScript. Porém, hoje em dia, o uso de var não é recomendado, porque ela possui algumas limitações relacionadas ao escopo, que podem causar problemas em códigos mais complexos. Vou detalhar o que é escopo daqui a pouco.

const:

A principal diferença entre const e var é que, quando declaramos uma variável como const, o valor atribuído a ela não pode ser alterado. Ela é uma variável constante.

Exemplo:

let:

Diferentemente de const, as variáveis declaradas com let podem ter seus valores alterados ao longo do código.

Exemplo:

A principal diferença entre let e var está relacionada ao escopo, que explicarei agora.

O Que é Escopo?

O escopo é um dos conceitos mais importantes em JavaScript e merece atenção especial. Ele determina onde uma variável existe e pode ser acessada no código. Em outras palavras, o escopo define os “limites” de visibilidade de uma variável, ajudando a organizar e controlar o comportamento do nosso programa.

Imagine o escopo como “caixinhas” onde guardamos as variáveis. Cada caixinha tem suas regras: algumas variáveis podem ser usadas em todo o programa, enquanto outras só funcionam dentro de blocos específicos, como funções ou estruturas de controle (if, else, for, etc.).

Dominar o conceito de escopo é essencial para escrever códigos limpos, eficientes e sem surpresas desagradáveis. Agora vamos explorar os três tipos principais de escopo em JavaScript:

1. Escopo Global Variáveis no escopo global podem ser acessadas de qualquer lugar do código, dentro ou fora de funções. Exemplo:

2. Escopo de Função Variáveis no escopo de função só existem dentro da função onde foram criadas. Elas não podem ser acessadas fora dela. Exemplo:

3. Escopo de Bloco O escopo de bloco é tudo que está dentro de um par de chaves {} — como em if, else, loops ou mesmo em um bloco independente. Variáveis declaradas com let ou const dentro de um bloco só podem ser acessadas ali. Exemplo:

Diferente do let e const, a var não respeita o escopo de bloco. Isso significa que, mesmo que você declare uma variável com var dentro de um bloco, ela será “elevada” para o escopo global ou de função (dependendo de onde estiver).

Exemplo:

Essa diferença entre var, let e const torna muito importante usar let e const, porque elas ajudam a evitar erros de escopo no código.

Observação:
Neste exemplo, utilizamos funções e if/else. Não se preocupem se ainda não entenderam essas partes, pois vamos aprender sobre elas nas próximas aulas! O importante agora é focar em entender o conceito de escopo e como ele funciona dentro do JavaScript.

Boas Práticas para Criar Variáveis

• Use nomes descritivos: Escolha nomes que expliquem o que a variável armazena. Por exemplo, use nomeCompleto em vez de algo como x.
• Evite acentos e caracteres especiais: Não use letras como ç ou acentos (á, é), pois isso pode causar problemas.
• Não use espaços nos nomes: Use o formato camelCase para criar nomes compostos, como nomeCompleto.
• Cuidado com maiúsculas e minúsculas: JavaScript diferencia Nome de nome, então fique atento!

Armazenando o Valor do Prompt do Usuário

Agora que aprendemos o que são variáveis em JavaScript e como declará-las e atribuir valores a elas, vamos relembrar o nosso primeiro código! Nele, usamos o prompt para perguntar ao usuário qual era a sua linguagem favorita, mas a resposta não era armazenada.

Agora, com o conhecimento que adquirimos, podemos armazenar a resposta do usuário e utilizá-la no nosso código. Veja como fazer:

Isso nos permite guardar o valor informado pelo usuário e usá-lo em outras partes do código. Bem útil, né?

Tipos Primitivos

Agora que já entendemos o que são variáveis, vamos aprender sobre os tipos primitivos no JavaScript. Eles são a base para representar e trabalhar com os diferentes tipos de dados no código. Pense nos tipos primitivos como as “categorias” de informações que podemos armazenar, como textos, números ou valores lógicos. Conhecer esses tipos é importante para entender como o JavaScript organiza e trata os dados, ajudando você a escrever códigos mais claros e funcionais.

O JavaScript possui 6 tipos primitivos:

1. String Representa textos. Pode ser escrito com aspas duplas (""), simples ('') ou crase (“ para template literals).

2. Number Representa números. Pode ser inteiro, decimal ou negativo.

3. Boolean Representa apenas dois valores: true (verdadeiro) ou false (falso). É muito usado em condições.

4. Null Representa um valor vazio ou inexistente. É como se disséssemos que a variável não tem nenhum dado válido.

5. Undefined Representa algo que ainda não foi definido. Geralmente aparece quando criamos uma variável sem atribuir um valor.

6. Symbol É um tipo especial e único, introduzido no ES6. Ele é pouco usado no dia a dia, mas é útil para criar identificadores únicos.

Finalizando

E isso é tudo por hoje! Aprendemos sobre variáveis, como armazenar valores do usuário e os tipos primitivos do JavaScript. Na próxima aula, veremos operadores lógicos e operadores matemáticos para dar ainda mais poder ao nosso código.

📂 Link para o repositório desta aula no GitHub: https://github.com/guilherme-silvam/js-aulas-guilhermemachadodev/tree/main/aula-3-guilhermemachadodev

Vamos continuar aprendendo juntos. BORA CODAR!!! 🚀