Variáveis e Constantes em JavaScript

Para armazenar dados em um programa, são utilizadas variáveis e constantes. Variáveis são destinadas a armazenar dados temporários ou dados que podem mudar durante a execução do programa. Constantes, por outro lado, são destinadas a armazenar dados imutáveis, cujo valor deve permanecer constante ao longo de todo o programa.

Declaração de Variáveis

Para criar variáveis, são utilizados os operadores var e let. Por exemplo, vamos declarar a variável userName:

var userName;

Essa declaração é uma instrução completa, finalizada com ponto e vírgula. O mesmo pode ser feito com let:

let userName;

O nome de uma variável pode incluir caracteres alfanuméricos, o símbolo de sublinhado _ ou o cifrão $, mas não pode começar com um número. Caracteres especiais ou espaços são inválidos.

Por exemplo, nomes de variáveis corretos:

$commision;
someVariable;
product_Store;
income2;
myIncome_from_deposit;

ℹ️ Em JavaScript, é comum usar o padrão de nomenclatura camelCase para nomes de variáveis. Nesse padrão, a primeira palavra é escrita em minúsculas, e as palavras subsequentes são escritas com a primeira letra em maiúscula. Exemplo: myVariableName.

Os seguintes nomes são incorretos e não podem ser usados:

222lol // começa com um número
@someVariable // contém um caractere inválido
my%percent // contém um caractere inválido

Nomes de variáveis também não podem coincidir com palavras reservadas do JavaScript, como for, class ou if. Usar palavras reservadas gera um erro de sintaxe.

Conflitos com Objetos Globais

Declarar variáveis com nomes que coincidem com objetos globais pode causar problemas. Por exemplo:

let console; // definindo a variável console
console.log("Hello"); // Erro!

Nesse caso, a variável console sobrescreve o objeto global console, resultando em erro ao tentar usar métodos associados a ele.

Sensibilidade a Maiúsculas e Minúsculas

JavaScript diferencia letras maiúsculas de minúsculas, o que significa que username e userName são variáveis distintas:

let username;
let userName;

Declaração e Atribuição de Valor

Após declarar uma variável, um valor pode ser atribuído a ela usando o operador de atribuição =:

let userName;
userName = "Tom";

Nesse caso, a variável userName armazenará a string "Tom". Após atribuir um valor à variável, podemos fazer algo com esse valor, por exemplo, exibi-lo no console:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Programício</title>
  </head>
  <body>
    <script>
      let userName; // Definição da variável userName
      userName = "Tom"; // Atribuição de valor à variável
      console.log(userName); // Exibindo o valor da variável userName no console
    </script>
  </body>
</html>

Variáveis JavaScript

Também é possível atribuir um valor diretamente na declaração, processo conhecido como inicialização:

let userName = "Tom";
let userAge = 37;

Múltiplas variáveis podem ser inicializadas em uma única linha:

let name1 = "Tom",
  name2 = "Bob",
  name3 = "Sam";
console.log(name1); // "Tom"
console.log(name2); // "Bob"
console.log(name3); // "Sam"

Declaração Implícita

Variáveis podem ser declaradas sem usar var ou let, mas essa prática é desaconselhada:

userName = "Tom";
console.log(userName); // "Tom"

Esse método pode causar problemas como a criação de variáveis no escopo global de forma não intencional.

Alteração de valor de variáveis

As variáveis podem ter seus valores alterados durante a execução do programa:

let userName = "Tom";
console.log("Antes da alteração:", userName);
userName = "Bob";
console.log("Depois da alteração:", userName);

Constantes

Constantes são declaradas com a palavra-chave const e armazenam valores que não podem ser alterados após a inicialização:

const userName = "Tom";

Tentar modificar o valor de uma constante resulta em erro:

const userName = "Tom";
userName = "Bob"; // Erro

Além disso, uma constante deve ser inicializada no momento de sua declaração. Caso contrário, ocorre um erro:

const userName; // Erro

Constantes const em JavaScript

Quando Usar Variáveis ou Constantes?

Se o valor não for alterado durante a execução do programa, ele deve ser declarado como uma constante. Caso não haja certeza sobre a imutabilidade do valor, ainda assim é preferível iniciar com uma constante. Se for necessário alterar o valor mais tarde, a declaração pode ser ajustada de const para let. Essa prática promove maior segurança e legibilidade no código.

let vs. var

ℹ️ O uso de let é preferido em relação a var por oferecer um comportamento mais consistente e seguro, especialmente no que diz respeito ao escopo e à previsibilidade do código. A diferença entre var e let será abordada em detalhes em um tópico posterior.

📝 Exercícios

Tarefa 1: Trabalhando com Variáveis

Declare duas variáveis: admin e userName .
Atribua o valor "Tom" à variável userName .
Copie o valor de userName para admin .
Exiba o valor de admin usando console.log (deve exibir "Tom").

Resposta

Para resolver o exercício, siga os passos abaixo:

let admin, userName;
userName = "Tom";
admin = userName;
console.log(admin); // Tom

Tarefa 2: Nomes Válidos e Inválidos

Identifique quais dos seguintes nomes são válidos e quais não são, explicando o motivo:

olaMundo
$name
myAge
2vezes
_user
const
cidade_estado
PI
valorTotal123
preco-do-produto

Resposta

Nomes Válidos:

✔️ olaMundo → Segue o padrão camelCase, permitido para variáveis.

✔️ $name → O símbolo $ é permitido.

✔️ myAge → Nome válido, segue camelCase.

✔️ _user → O caractere _ é permitido no início.

✔️ cidade_estado → Permitido, mas a convenção JavaScript recomenda camelCase em vez de _.

✔️ PI → Válido, seguindo a convenção de nomes para constantes.

✔️ valorTotal123 → Mistura de letras e números, válido.

Nomes inválidos:

❌2vezes → Inválido: Não pode começar com um número.

❌const → Inválido: const é uma palavra reservada em JavaScript.

❌preco-do-produto → Inválido: O hífen - não pode ser usado em nomes de variáveis.