DEV Community

Altencir Junior
Altencir Junior

Posted on

O que são Classes no JavaScript e como funcionam?

Muitas vezes em meio a linhas de códigos, precisamos encontrar um jeito de padronizar uma function que está armazenando diversos objetos. Felizmente, existe uma alternativa criada especialmente para tanto organizar, mas poder adicionar muito mais capacidade a seu código, mais que um simples objeto guardando informações ou um função cheia de parâmetros. Estou me referindo a Classes, e no artigo de hoje,

Classes são uma forma de modelar objetos de forma organizada e estruturada. Eles foram introduzidos no ECMAScript 6 e são uma das principais características da linguagem.

Nas classes, é possível criar objetos com propriedades e métodos similares e compartilhar comportamentos entre vários objetos. Ou seja, cria-se um modelo pra poder ser reutilizado com liberdade, mais a frente em seu código. Por exemplo, vejamos um código exercendo Classes,para que possa compreender:

// uma declaração de classe
class Livro {
constructor(nome,editora,paginas){
this.nome = nome
this.editora = editora
this.paginas = paginas
}
//anunciarTitulo é uma função:
anunciarTitulo(){
console.log(`Título:${this.nome}`)
}
descreverTitulo(){
console.log(`${this.nome} é um livro da editora ${this.editora} e tem ${this.paginas`)
}
}
//abaixo o código é instanciado, acessando os dados do construtor.
const JavaScript = new Livro("Primeiros passos com JavaScript","Sempre aprender", 58)

JavaScript.anunciarTitulo()
JavaScript.descreverTitulo()
Enter fullscreen mode Exit fullscreen mode

Esse código cria uma classe chamada "Livro" que representa um livro. A classe tem três propriedades: "nome", "editora" e "páginas". Ela também tem duas funções membro: "anunciarTitulo" e "descreverTitulo". A função "anunciarTitulo" exibe o título do livro na tela, enquanto a função "descreverTitulo" exibe informações adicionais sobre o livro, como a editora e o número de páginas.

A seguir, um objeto da classe Livro é criado e chamado "JavaScript". A função "anunciarTitulo" e "descreverTitulo" são então chamadas para o objeto "JavaScript", o que exibirá o título do livro e informações adicionais sobre ele.

Uma coisa muito legal é que podemos colocar nas Classes as chamadas Heranças. É quando podemos usar métodos e propriedades de outra classe. Por exemplo:

class Colecoes extends Livro {
constructor(nome, nomeColecao){
super(nome) // no super, podemos chamar todos os parametros que desejamos pegar de Livro

this.nomeColecao = nomeColecao
}

descreverColecao(){
console.log(`O livro ${this.nome} faz parte da colecao ${nomeColecao})
}
}
Enter fullscreen mode Exit fullscreen mode

Com isso vimos como as classes servem como um modelo ou template para objetos futuros, e todos os objetos criados a partir da classe terão as mesmas propriedades e métodos.
Eles querem permitir que você defina objetos com propriedades e métodos comuns, o que é útil quando você precisa trabalhar com vários objetos que compartilham uma estrutura semelhante.

Obrigado por ler!!!

Top comments (0)