DEV Community

Douglas Costa
Douglas Costa

Posted on

Classes e Objetos (JavaScript)

Em JavaScript, objetos e classes são conceitos fundamentais da programação orientada a objetos. Eles permitem que você modele e organize seu código de uma maneira mais eficiente e reutilizável. Vou explicar os dois conceitos separadamente:

Objetos:

Um objeto em JavaScript é uma estrutura de dados que armazena um conjunto de propriedades (também conhecidas como campos ou atributos) e métodos (funções associadas a esse objeto). As propriedades são pares chave-valor, onde a chave é uma string (ou símbolo) que identifica a propriedade e o valor é qualquer tipo de dado válido em JavaScript (números, strings, outros objetos, etc.).

Aqui está um exemplo simples de criação de um objeto JavaScript:

const pessoa = { 
  nome: "João",
  idade: 30,
  saudacao: function() {
    console.log(`Olá, meu nome é ${this.nome} e tenho ${this.idade} anos.`);
  }
};

console.log(pessoa.nome); // Acessando uma propriedade
pessoa.saudacao(); // Chamando um método
Enter fullscreen mode Exit fullscreen mode

Neste exemplo, 'pessoa' é um objeto que tem três propriedades: 'nome', 'idade' e 'saudacao'. A última propriedade é um método que pode ser chamado para exibir uma saudação.

Classes:

Uma classe em JavaScript é uma forma de definir um modelo ou uma estrutura para criar objetos. É como um plano ou um molde para objetos. Classes geralmente têm um construtor para inicializar propriedades quando um novo objeto é criado, além de métodos que podem ser compartilhados por todos os objetos criados com base nessa classe.

Aqui está um exemplo de uma classe em JavaScript:

class Pessoa {
  constructor(nome, idade) {
    this.nome = nome;
    this.idade = idade;
  }

  saudacao() {
    console.log(`Olá, meu nome é ${this.nome} e tenho ${this.idade} anos.`);
  }
}

const pessoa1 = new Pessoa("Maria", 25); // Criando um objeto usando a classe
console.log(pessoa1.nome);
pessoa1.saudacao();
Enter fullscreen mode Exit fullscreen mode

Neste exemplo, a classe 'Pessoa' define um modelo para objetos que têm propriedades 'nome' e 'idade', bem como um método 'saudacao'.

Você pode criar múltiplos objetos a partir da mesma classe, cada um com seus próprios valores de propriedade, mantendo o mesmo conjunto de métodos. Isso torna a programação mais organizada e reutilizável, pois você pode criar objetos semelhantes de forma eficiente.

Estas são as bases de objetos e classes em JavaScript. Eles são essenciais para a programação orientada a objetos e ajudam a organizar seu código de forma mais modular e fácil de entender.

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)