Objetos Literais: criando 'coisas' simples
Relembre como criar objetos diretamente e como eles já são um passo para a POO.
Agora que você viu a ideia de POO, vamos para o primeiro passo prático: objetos literais.
Pense em objeto literal como uma ficha de cadastro de uma coisa do sistema.
Exemplo:
- coisa:
produto - informações: nome, preço, estoque
- ações: calcular desconto, mostrar resumo
O que é um objeto literal?
É a forma mais direta de criar objeto em JavaScript, usando { }.
const produto = {
nome: "Teclado",
preco: 199.90,
emEstoque: true
};
Aqui, produto é um objeto com 3 propriedades.
Propriedades (dados)
Propriedades são pares chave: valor.
const usuario = {
nome: "Lia",
idade: 25,
cidade: "Recife"
};
nome→ "Lia"idade→ 25cidade→ "Recife"
Métodos (ações)
Objetos também podem ter funções, chamadas de métodos.
const conta = {
titular: "Carlos",
saldo: 500,
exibirSaldo() {
return `Saldo atual: R$ ${this.saldo}`;
}
};
console.log(conta.exibirSaldo());
Acessando valores do objeto
Você pode acessar de dois jeitos:
1) Notação de ponto
console.log(produto.nome);
2) Notação de colchetes
console.log(produto["preco"]);
A notação com colchetes é útil quando a chave vem de variável.
const campo = "nome";
console.log(produto[campo]);
Alterando e adicionando propriedades
Objetos literais são flexíveis:
const aluno = {
nome: "Ana",
nota: 8
};
// alterar
aluno.nota = 9;
// adicionar
aluno.turma = "Turma A";
console.log(aluno);
Removendo propriedade
delete aluno.turma;
Exemplo completo (coisa do mundo real)
const carrinho = {
itens: 3,
total: 250,
adicionarItem(valor) {
this.itens += 1;
this.total += valor;
}
};
carrinho.adicionarItem(50);
console.log(carrinho.itens); // 4
console.log(carrinho.total); // 300
Limite dos objetos literais
Objetos literais são ótimos para começar e para casos simples.
Mas quando você precisa criar muitos objetos parecidos (vários produtos, vários usuários), repetir código vira problema.
Aí entram as funções construtoras e depois as classes.
Resumo da lição
- Objeto literal é a forma mais simples de criar objeto em JavaScript.
- Ele agrupa dados (propriedades) e ações (métodos).
- Você pode acessar, alterar, adicionar e remover propriedades facilmente.
- É o primeiro passo prático para pensar em POO no dia a dia.