{"id":856,"date":"2024-05-06T19:17:27","date_gmt":"2024-05-06T22:17:27","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=856"},"modified":"2025-11-13T21:26:24","modified_gmt":"2025-11-14T00:26:24","slug":"heranca-no-javascript","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/heranca-no-javascript\/","title":{"rendered":"Heran\u00e7a no Javascript"},"content":{"rendered":"Tempo de leitura: <\/span> 4<\/span> minutos<\/span><\/span>\n

Heran\u00e7a no Javascript<\/strong>: A Heran\u00e7a<\/strong> \u00e9 um pilar da Programa\u00e7\u00e3o Orientada a Objetos (POO), sendo o mecanismo que permite que uma nova classe (subclasse) absorva as propriedades e m\u00e9todos de uma classe existente (superclasse). Isso promove o reuso de c\u00f3digo<\/strong> e a cria\u00e7\u00e3o de hierarquias l\u00f3gicas.<\/p>\n\n\n\n

Embora o JavaScript utilize a sintaxe de classes (class<\/code>), seu motor de heran\u00e7a \u00e9 baseado na Cadeia de Prot\u00f3tipos<\/strong>, onde objetos se ligam a outros objetos. A sintaxe de classes apenas simplifica essa complexidade.<\/p>\n\n\n\n

<\/div>\n\n\n\n

1. O Conceito de Heran\u00e7a com Classes (ES6)<\/h2>\n\n\n\n

A heran\u00e7a \u00e9 implementada em duas partes principais: a palavra-chave extends<\/code> e a fun\u00e7\u00e3o super()<\/code>.<\/p>\n\n\n\n

<\/div>\n\n\n\n

A. Palavra-Chave extends<\/code><\/h3>\n\n\n\n

Usada na declara\u00e7\u00e3o da subclasse para indicar qual classe est\u00e1 sendo estendida (herdada).<\/p>\n\n\n\n

JavaScript<\/p>\n\n\n\n

class Animal { \/* ... *\/ }\n\n\/\/ Cachorro herda de Animal\nclass Cachorro extends Animal {\n    \/* ... *\/\n}\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
B. A Palavra-Chave super<\/code><\/h3>\n\n\n\n
O super<\/code> serve para duas fun\u00e7\u00f5es cruciais dentro da subclasse:<\/p>\n\n\n\n
    \n
  1. Chamada ao Construtor Pai (super()<\/code>):<\/strong> Dentro do constructor<\/code> da subclasse, deve-se<\/strong> chamar super()<\/code> para inicializar a parte da inst\u00e2ncia que pertence \u00e0 classe pai.<\/li>\n\n\n\n
  2. Acesso a M\u00e9todos do Pai (super.metodo()<\/code>):<\/strong> Permite chamar a vers\u00e3o do m\u00e9todo definida na classe pai, mesmo que o m\u00e9todo tenha sido sobrescrito na subclasse.<\/li>\n<\/ol>\n\n\n\n
    JavaScript<\/p>\n\n\n\n
    class Veiculo {\n  constructor(marca) {\n    this.marca = marca;\n  }\n}\n\nclass Carro extends Veiculo {\n  constructor(marca, portas) {\n    super(marca); \/\/ 1. Inicializa this.marca\n    this.portas = portas; \/\/ Inicializa propriedade espec\u00edfica\n  }\n}\n<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    2. Sobrescrita de M\u00e9todos (Method Overriding<\/em>)<\/h2>\n\n\n\n
    A sobrescrita ocorre quando a subclasse redefine um m\u00e9todo que j\u00e1 existe na superclasse. Isso permite que objetos mais espec\u00edficos (a subclasse) forne\u00e7am uma implementa\u00e7\u00e3o \u00fanica para um comportamento geral.<\/p>\n\n\n\n
    JavaScript<\/p>\n\n\n\n
    class Animal {\n  fazerSom() {\n    console.log(\"Som gen\u00e9rico de animal.\");\n  }\n}\n\nclass Gato extends Animal {\n  \/\/ Sobrescrita: Gato fornece sua pr\u00f3pria implementa\u00e7\u00e3o\n  fazerSom() {\n    console.log(\"Miau!\");\n  }\n  \n  apresentar() {\n    super.fazerSom(); \/\/ Acessa o m\u00e9todo do pai\n    this.fazerSom();  \/\/ Chama o m\u00e9todo sobrescrito\n  }\n}\n\nconst gato = new Gato();\ngato.apresentar(); \/\/ Sa\u00edda: Som gen\u00e9rico de animal. Miau!\n<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    3. A Mec\u00e2nica da Cadeia de Prot\u00f3tipos<\/h2>\n\n\n\n
    A sintaxe de classes \u00e9 apenas um inv\u00f3lucro para a heran\u00e7a baseada em prot\u00f3tipos.<\/p>\n\n\n\n