Inheritance & Polymorphism: Herança e Polimorfismo em JavaScript

class Personagem {  constructor(nome, vida = 100) {    this.nome = nome;    this.vida = vida;  }  apresentar() { return `Eu sou ${this.nome} com ${this.vida} HP`; }  atacar() { return `${this.nome} ataca!`; }  receberDano(qtd) {    this.vida -= qtd;    return `${this.nome} recebe ${qtd} de dano! (${this.vida} HP)`;  }} class Guerreiro extends Personagem {  constructor(nome) {    super(nome, 150);    this.furia = 0;  }  gritoDeGuerra() {    this.furia += 10;    return `${this.nome} grita com fúria! Fúria: ${this.furia}`;  }} const conan = new Guerreiro("Conan");console.log(conan.apresentar());    // herdadoconsole.log(conan.gritoDeGuerra());   // específicoconsole.log(conan.atacar());          // herdado

                    Personagem (pai)                   nome, vida, atacar()                          │         ┌────────────────┼────────────────┐         ▼                ▼                ▼    Guerreiro          Mago            Arqueiro    furia, ⚔           mana, ✨         flechas, 🏹    atacar()           atacar()         atacar()    (sobrescreve)      (sobrescreve)    (sobrescreve)

class Personagem {  constructor(nome) { this.nome = nome; this.vida = 100; }  atacar() { return `${this.nome} ataca!`; }} class Mago extends Personagem {  constructor(nome) {    super(nome);    this.mana = 100;  }  lançarMagia(magia) {    this.mana -= 10;    return `${this.nome} lança ${magia}!`;  }} const gandalf = new Mago("Gandalf");console.log(gandalf.atacar());                    // herdadoconsole.log(gandalf.lançarMagia("Bola de Fogo")); // específico

class Personagem {  get estaVivo() { return this.vida > 0; }  static criarAleatorio() { return new this("Herói"); }}class Guerreiro extends Personagem { /* ... */ } Guerreiro.criarAleatorio();  // estático herdado

class Guerreiro extends Personagem {  constructor(nome) {    super(nome, 150);  // PRIMEIRO    this.furia = 0;    // depois  }} // ❌ this.furia = 0 antes de super() → ReferenceError

class Guerreiro extends Personagem {  atacar() {    const base = super.atacar();    return `${base} com uma espada!`;  }  descrever() {    return `${super.descrever()} - Classe Guerreiro`;  }}

class Guerreiro extends Personagem {  atacar() { return `${this.nome} brande espada — 25 de dano!`; }}class Mago extends Personagem {  atacar() { return `${this.nome} lança bola de fogo — 30 de dano!`; }}class Arqueiro extends Personagem {  atacar() { return `${this.nome} dispara flecha — 20 de dano!`; }}

function executarBatalha(personagens) {  console.log("⚔️ Batalha começa!");  personagens.forEach(p => console.log(p.atacar()));} const grupo = [  new Guerreiro("Conan"),  new Mago("Gandalf"),  new Arqueiro("Legolas"),  new Personagem("Aldeão"),]; executarBatalha(grupo);// Cada um ataca do seu jeito — sem if/else por tipo!

SEM polimorfismo          COM polimorfismo─────────────────         ─────────────────if (p instanceof Guerreiro)  p.atacar()  p.brandirEspada()         // funciona com qualquer Personagemelse if (p instanceof Mago)  p.conjurarMagia()// + código a cada novo tipo

console.log(guerreiro instanceof Guerreiro);   // trueconsole.log(guerreiro instanceof Personagem);  // trueconsole.log(guerreiro instanceof Mago);        // false

class Guerreiro extends Personagem {  gritoDeGuerra() { return `${this.nome} grita!`; }} // guerreiro.atacar() → busca em Guerreiro.prototype → Personagem.prototype

guerreiro (instância)    │ [[Prototype]]    ▼Guerreiro.prototype (gritoDeGuerra)    │ [[Prototype]]    ▼Personagem.prototype (atacar) ← encontrado aqui    │ [[Prototype]]    ▼Object.prototype → null

Entidade → EntidadeViva → Animal → Mamífero → Morcego// E o PeixeVoador? Pinguim que não voa? Hierarquia frágil.

const podeVoar = (estado) => ({ voar() { return `${estado.nome} voa!`; } });const podeConjurar = (estado) => ({ conjurar(m) { return `${estado.nome} conjura ${m}!`; } }); function criarMagoVoador(nome) {  const estado = { nome, vida: 100, mana: 50 };  return { ...estado, ...podeVoar(estado), ...podeConjurar(estado) };}

const Nadador = { nadar() { return `${this.nome} nada!`; } };const Voador = { voar() { return `${this.nome} voa!`; } }; class Animal { constructor(nome) { this.nome = nome; } } class Pato extends Animal {}Object.assign(Pato.prototype, Nadador, Voador); const donald = new Pato("Donald");donald.nadar(); donald.voar();

const comLogging = (Base) => class extends Base {  log(msg) { console.log(`[${this.nome}]: ${msg}`); }}; class PersonagemLogado extends comLogging(Personagem) {  realizarAcao() { this.log("Ação!"); }}

// ❌ ReferenceErrorclass Filha extends Pai {  constructor() { this.x = 1; super(); }}// ✅class Filha extends Pai {  constructor() { super(); this.x = 1; }}

// ❌ Pilha NÃO é um Arrayclass Pilha extends Array { peek() { return this.atEnd; } } // ✅ Pilha TEM um arrayclass Pilha {  #itens = [];  push(i) { this.#itens.push(i); }  pop() { return this.#itens.pop(); }}

É relação É-UM? → SIM → Filha usa maioria do pai? → SIM → ≤3 níveis? → SIM → Herança ✓Caso contrário → Composição ou Mixins