Classes em Javascript
- #JavaScript
Uma classe em JavaScript
As classes são um conceito fundamental em JavaScript e fornecem uma forma poderosa de organizar e estruturar o código. Neste guia completo, vamos explorar o conceito de classes em JavaScript, desde o básico até recursos mais avançados.
Como fazer uma classe em Javascript
Uma classe em JavaScript é uma estrutura que define um objeto com propriedades e métodos. Ela serve como um molde para criar objetos com características semelhantes. Uma classe pode conter variáveis (propriedades) e funções (métodos) que definem o comportamento do objeto.
Para criar uma classe em JavaScript, utilizamos a palavra-chave “class” seguida do nome da classe. Por exemplo, para criar uma classe chamada “Pessoa”, podemos escrever o seguinte código:
class Pessoa {
constructor(nome, idade) {
this.nome = nome;
this.idade = idade;
}
saudacao() {
console.log(`Olá, meu nome é ${this.nome} e eu tenho ${this.idade} anos.`);
}
}
No exemplo acima, definimos a classe “Pessoa” com um construtor que recebe o nome e idade como parâmetros.
A função “saudacao” é um método da classe que imprime uma saudação com o nome e idade da pessoa.
Para criar uma instância da classe Pessoa, utilizamos a palavra-chave “new” seguida do nome da classe e passando os argumentos necessários para o construtor. Por exemplo:
const pessoa1 = new Pessoa("João", 25);
pessoa1.saudacao(); // Saída: "Olá, meu nome é João e eu tenho 25 anos."
A partir da instância criada, podemos chamar os métodos e acessar as propriedades da classe.
Métodos e propriedades em classes JavaScript
Em JavaScript, os métodos são funções associadas a uma classe que definem o comportamento de um objeto. Eles podem ter parâmetros e retornar valores. Para adicionar um método a uma classe, basta declarar uma função dentro da definição da classe.
Vamos considerar a classe “Retângulo” como exemplo. Ela possui as propriedades “largura” e “altura”, e os métodos “calcularArea” e “calcularPerimetro”:
class Retangulo {
constructor(largura, altura) {
this.largura = largura;
this.altura = altura;
}
calcularArea() {
return this.largura * this.altura;
}
calcularPerimetro() {
return 2 * (this.largura + this.altura);
}
}
Para utilizar os métodos da classe Retângulo, criamos uma instância e chamamos os métodos da seguinte forma:
const retangulo1 = new Retangulo(5, 3);
console.log(retangulo1.calcularArea()); // Saída: 15
console.log(retangulo1.calcularPerimetro()); // Saída: 16
Além dos métodos, também temos as propriedades em uma classe JavaScript. Elas são variáveis associadas a um objeto da classe. Para acessar as propriedades de uma instância da classe, utilizamos o operador de ponto após o objeto.
No caso da classe Retângulo, as propriedades “largura” e “altura” podem ser acessadas da seguinte forma:
console.log(retangulo1.largura); // Saída: 5
console.log(retangulo1.altura); // Saída: 3
As propriedades podem ser definidas no construtor da classe ou em qualquer outro lugar dentro da definição da classe.
Em resumo, as classes em JavaScript permitem organizar o código de forma mais estruturada, com propriedades e métodos que definem o comportamento dos objetos. Os métodos são funções associadas à classe, enquanto as propriedades são variáveis relacionadas aos objetos. Compreender esses conceitos é essencial para se tornar um programador competente em JavaScript.
