Variáveis: guardar um valor com um nome
Um programa que só imprime texto fixo não faz muita coisa útil. Programas de verdade precisam lembrar de valores para usar mais tarde, e é exatamente para isso que existe a variável.
Estudar esta lição interativa →Imagine que você está organizando os detalhes de um pedido de um restaurante: o nome do prato, a quantidade e se o cliente pediu para tirar a cebola. Sem um jeito de guardar essas informações, você teria que repetir os mesmos valores toda vez que precisasse deles no meio da conta, correndo o risco de errar ou esquecer algum. É exatamente esse problema que uma variável resolve: um nome que você escolhe, ligado a um valor guardado, pronto para ser reaproveitado sempre que precisar.
let nomeProduto = "Caderno";
let preco = 8.9;
let temDesconto = true;
console.log(nomeProduto);
console.log(preco);
console.log(temDesconto);Rode e observe os três valores diferentes aparecendo no console.
Cada uma dessas três linhas cria uma variável: um nome (nomeProduto, preco, temDesconto) recebendo um valor. A palavra let no início é o jeito de avisar ao computador "estou criando uma variável nova aqui". O sinal =, apesar da aparência, não significa "é igual a" como na matemática da escola: aqui ele significa atribuição, algo mais parecido com "recebe". A linha let preco = 8.9 se lê melhor como "preco recebe 8.9", nunca como "preco é igual a 8.9".
Pense numa variável como uma caixa de guardados com uma etiqueta escrita à mão, não impressa de fábrica. A etiqueta é o nome (preco), o conteúdo da caixa é o valor guardado (8.9). Assim como você pode abrir a caixa, trocar o que está dentro e manter a mesma etiqueta, uma variável pode ter seu valor trocado ao longo do programa, sempre pelo mesmo nome.
A grande vantagem aparece quando você reaproveita o nome em vez do valor. Se o preço do produto mudar, você troca o valor em um único lugar (onde a variável foi criada), e todo o resto do programa que usa preco automaticamente passa a enxergar o novo valor. É a mesma ideia por trás de qualquer planilha: mudar um número numa célula e ver tudo que depende dela se atualizar sozinho.
Uma variável chamada x não conta nada sobre o que ela guarda; uma variável chamada precoProduto conta a história inteira. Bons nomes de variável são, sem exagero, uma das habilidades mais subestimadas da programação: código com nomes claros se lê quase como português, mesmo meses depois de escrito.
Guarde bem esta diferença, porque ela volta com força no Módulo 3: = (um sinal) guarda um valor numa variável. === (três sinais) compara dois valores e responde verdadeiro ou falso. Confundir os dois é um dos erros mais comuns de quem está começando, em praticamente qualquer linguagem de programação.
let quantidade = "3";
let dobro = quantidade + quantidade;
console.log(dobro);Remova as aspas de quantidade e rode.