Existe classe no JavaScript? (Class)

Neste artigo você vai aprender sobre classe no JavaScript – como criar e também como utilizar esta função do paradigma de orientação a objetos em JS.

Fala programador(a), beleza? Bora aprender mais sobre classes e Orientação a Objetos em JavaScript!

Primeiramente é importante deixar claro que em versão antigas, ou seja, abaixo da ES6

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Não existia a possibilidade de criar uma classe na linguagem JavaScript

O que era comumente feito eram adaptações de functions como classes, criando uma estrutura bem parecida das classes da orientação a objetos

Porém com a evolução da linguagem JS foi desenvolvida a instrução Class e até com direito a um constructor, onde podemos inicializar propriedades nas instâncias

Como criar classes em JavaScript?

Agora vamos ver o código na prática de como criar uma classe em JavaScript:

class Pessoa{

    constructor(nome, idade) {
  	this.nome = nome;
    this.idade = idade;
  }
  
  apresentacao() {
  	console.log(`Eu sou ${this.nome} e tenho ${this.idade} anos.`);
  }

}

let joao = new Pessoa("João", 40);

joao.apresentacao();

Neste trecho de código estamos fazendo várias coisas com as novas funcionalidades do ES6

Primeiramente criamos a classe Pessoa com a instrução Class

Inserimos também as propriedades nome e idade por meio do constructor, que atribuirá os valores na criação da instância

Também criamos um método chamado apresentacao que exibe as propriedades do objeto

Depois instanciamos um objeto da classe Pessoa e utilizamos o seu método para checar todas as funcionalidades abordadas

E desta maneira temos uma classe no JavaScript!

Tome cuidado!

Os códigos de JavaScript ES6 não são aceitos em todos os navegadores, para utilizar este código você deve fazer um transpile

Assim o código será convertido para ES5 e poderá ser executado em qualquer browser

Conclusão

Neste artigo você aprendeu sobre classe no JavaScript

O que antes era inviável ou apenas criado por meio de outras instruções como function

Agora é possível por uma funcionalidade implementada na linguagem: a Class

Vimos também como criar propriedades por meio de constructor e métodos na nossa classe

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube