Herança no Javascript

Tempo de leitura: 2 minutos

Herança no Javascript: Este é um princípio fundamental da programação orientada a objetos (POO) que permite criar novas classes a partir de classes existentes. Em JavaScript, a herança é baseada em protótipos, o que significa que os objetos herdam propriedades e métodos de outros objetos.

Neste artigo, vamos explorar mais a fundo o que diz respeito a este assunto na linguagem Javascript.

Protótipos

Em JavaScript, cada objeto tem uma propriedade especial chamada prototype. Quando tentamos acessar uma propriedade que não existe no objeto, JavaScript tentará encontrar essa propriedade no prototype do objeto.

let animal = {
    come: true
};

let coelho = {
    pula: true,
    __proto__: animal
};

console.log(coelho.come); // Saída: true

Neste exemplo, coelho herda a propriedade come de animal.

Funções Construtoras

As funções construtoras são usadas para criar objetos. A herança pode ser implementada em JavaScript usando funções construtoras e a propriedade prototype.

function Animal(nome) {
    this.nome = nome;
}

Animal.prototype.come = function() {
    console.log(`${this.nome} come.`);
};

function Coelho(nome) {
    this.nome = nome;
}

Coelho.prototype = Object.create(Animal.prototype);
Coelho.prototype.constructor = Coelho;

Coelho.prototype.pula = function() {
    console.log(`${this.nome} pula.`);
};

let coelho = new Coelho('Branco');
coelho.come(); // Saída: Branco come.
coelho.pula(); // Saída: Branco pula.

Neste exemplo, Coelho herda de Animal.

Classes

As classes, introduzidas no ECMAScript 6 (ES6), fornecem uma sintaxe mais clara e elegante para implementar a herança em JavaScript.

class Animal {
    constructor(nome) {
        this.nome = nome;
    }

    come() {
        console.log(`${this.nome} come.`);
    }
}

class Coelho extends Animal {
    pula() {
        console.log(`${this.nome} pula.`);
    }
}

let coelho = new Coelho('Branco');
coelho.come(); // Saída: Branco come.
coelho.pula(); // Saída: Branco pula.

Neste exemplo, a classe Coelho herda da classe Animal.

Conclusão

A herança é um conceito poderoso que permite criar estruturas de dados complexas e reutilizar o código de maneira eficiente. Embora a herança em JavaScript seja baseada em protótipos, as classes fornecem uma sintaxe mais clara e elegante para implementar a herança.

Dominar a herança é fundamental para se tornar um bom programador JavaScript. Pratique e experimente esses conceitos por conta própria para obter uma compreensão mais profunda de como eles funcionam.

E para que você continue estudando e evoluindo nada melhor do que um computador com os melhores preços, marcas renomadas e confiança na entrega que só a Amazon oferece. Clique aqui é veja as melhores promoções das melhores marcas de notebooks e com a melhor entrega do mercado!!!

E para você que já adquiriu seu novo notebook para estudar, precisará validar seus códigos, e para isso você precisará de uma plataforma de host completa. Clique aqui e conheça a Hostinger, a hospedagem de sites com potência de verdade!!!