image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Felipe Romão
Felipe Romão10/03/2024 14:11
Compartilhe

Classes em 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.

    Referência: https://awari.com.br/guia-completo-sobre-classes-em-javascript-tudo-o-que-voce-precisa-saber/?utm_source=blog&utm_campaign=projeto+blog&utm_medium=Guia%20completo%20sobre%20classes%20em%20JavaScript:%20tudo%20o%20que%20voc%C3%AA%20precisa%20saber
    Compartilhe
    Comentários (0)