Como funcionam as variáveis?

Sempre falam em receita de bolo 🍰 quando o assunto é programação: aquela sequência de passos que precisa ser seguida para chegar ao resultado. Nessa analogia, gosto de pensar nas variáveis como recipientes 🍲 onde guardamos temporariamente os ingredientes que vamos usar durante o preparo.

Na programação, uma variável é uma forma de dar um nome para uma informação que o programa precisa guardar e usar.

Podemos guardar, por exemplo, o preço de um produto, a quantidade disponível ou se um pedido foi enviado.

Onde os dados ficam?

Quando um programa está sendo executado, ele precisa guardar temporariamente as informações que está usando. Para isso, utiliza a memória RAM do computador.

De forma simplificada, podemos imaginar a memória como vários espaços onde os dados são armazenados. Uma variável funciona como um nome que usamos para acessar determinado valor.

Por exemplo:

const preco = 49.90;

Podemos imaginar que o computador guarda 49.90 na memória e associa esse valor ao nome preco.

O funcionamento real da memória é mais complexo, mas essa representação já ajuda a entender a ideia.

Aqui nesse meu vídeo da série Fundamentos da Programação, eu mostro exemplos de como funcionam as variáveis:

Tipos de dados

Uma variável pode guardar diferentes tipos de valores. Vamos começar pelos três mais comuns.

String

Uma string representa um texto.

const produto = "Camiseta";
const categoria = "Roupas";

Textos são escritos entre aspas.

Número

Números são usados para representar valores numéricos.

const preco = 49.90;
const quantidade = 3;

Diferente de uma string, o número não precisa de aspas.

const quantidade = 3;
const quantidadeTexto = "3";

Apesar de parecerem iguais, 3 é um número, enquanto "3" é um texto.

Boolean

Um boolean representa apenas duas possibilidades: true ou false.

const produtoDisponivel = true;
const pedidoEnviado = false;

Esse tipo é muito usado quando o programa precisa saber se determinada condição é verdadeira ou falsa.

Por exemplo:

if (produtoDisponivel)
  console.log("Produto disponível!");

let ou const?

No JavaScript, usamos principalmente let e const para criar variáveis.

A diferença principal é simples:

const é usado quando o valor não precisa ser substituído.

const preco = 49.90;

Se tentarmos atribuir outro valor à variável, teremos um erro:

const preco = 49.90;

preco = 39.90;

Já uma variável criada com let pode receber um novo valor:

let quantidade = 3;

quantidade = 5;

Por isso, uma boa regra para começar é usar const por padrão e let quando você realmente precisar alterar o valor.

Código completo

const produto = "Camiseta";
let quantidade = 3;
const produtoDisponivel = true;

console.log(`Produto: ${produto}`);
console.log(`Quantidade: ${quantidade}`);

quantidade = 5;

if (produtoDisponivel)
  console.log("Produto disponível!");

Variáveis são um dos primeiros conceitos que você precisa dominar para programar. A partir delas, conseguimos guardar informações, alterá-las e usá-las para construir comportamentos nos nossos programas.

Me deixe saber, se esse conteúdo está sendo util! ❤️ Mande uma DM no Instagram 💬

Até a próxima! 🚀

João Trintin.