JavaScript Variáveis e Constantes

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>

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

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.