Variáveis

Uma variável é um nome que guarda um valor no programa. Em vez de repetir o mesmo número ou texto em vários lugares, você dá um nome a esse valor e o reutiliza.

let idade = 20;
idade = 21; // reatribuir: o nome idade passa a guardar 21

Declarar cria o nome. Atribuir coloca (ou troca) o valor. Se você declara sem atribuir, o valor fica undefined:

let cidade;
console.log(cidade); // undefined
cidade = "Porto Alegre";

Regras de nome

JavaScript é case-sensitive: idade e Idade são variáveis diferentes. O nome precisa começar com uma letra ou com _ (underscore). Prefira nomes descritivos, como totalItens em vez de x.

let

Use let quando o valor puder mudar. Variáveis com let têm escopo de bloco: só existem dentro das chaves { } em que foram declaradas (por exemplo, um if ou um for).

if (true) {
  let x = 10;
  console.log(x); // 10
}
// console.log(x); // erro: x não existe fora do bloco

const

Use const quando o nome não deve apontar para outro valor. Com const você precisa atribuir na declaração, e não pode reatribuir:

const PI = 3.14159;
// PI = 3; // erro: não é permitido reatribuir

const também tem escopo de bloco, como let. Atenção: em objetos e arrays, const impede trocar a referência, mas não impede mudar propriedades ou elementos:

const pessoa = { nome: "Ana" };
pessoa.nome = "Bia"; // permitido
// pessoa = {}; // erro: reatribuir a variável não é permitido

var (legado)

var é a forma antiga de declarar variáveis. Evite em código novo. Diferente de let e const, var não respeita escopo de bloco: a variável “vaza” para a função (ou para o escopo global):

function exemplo() {
  if (true) {
    var x = 10;
  }
  console.log(x); // 10 (x ainda existe fora do if)
}
exemplo();

Você ainda encontra var em código legado e em exemplos antigos. Na prática moderna, prefira const e let.

Boas práticas

• Prefira const por padrão.
• Use let somente quando precisar reatribuir.
• Evite var.
• Escolha nomes claros e evite poluir o escopo global com muitas variáveis.

Exercícios do Freecodecamp

• Declarando variáveis

• Armazenando valores com o operador de atribuição

• Atribuindo o valor de uma variável a outra

• Inicializando Variáveis com o Operador de Atribuição

• Compreendendo variáveis não inicializadas

• Entendendo variáveis case sensitivity

• Explore as diferenças entre var e let

Exercícios Práticos

1. Troca de Valores

   Escreva um programa que troque (inverta) os valores de duas variáveis (a e b) e, em seguida, retorne o valor de b.

2. Concatenação de Strings

   Crie um programa que concatene duas strings e retorne uma única frase na função main.

Referências 📚

• Comunidade Discord: canal #cpw2

• MDN JavaScript basics

• Tutorial de JavaScript do W3C

• MILETTO, Evandro Manara. Desenvolvimento de software II: introdução ao desenvolvimento web com html, css, javascript e php. Porto Alegre Bookman 2014 1 recurso online ISBN 9788582601969.

CC BY 4.0 DEED