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 → 25
  • cidade → "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.