Skip to main content
adicionou 3 caracteres ao conteúdo
Fonte Link
Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil

Repara no seguinte exemplo:

class Animal {
    mostrarNome() {
        console.log('Eu sou um animal qualquer...');
    }
}

class Humano extends Animal {
    mostrarNome() {
        console.log('Eu sou um ser humano...');
    }
}

class Pessoa extends Humano {
    constructor(nome) {
        super();
        this.nome = nome;
    }
    mostrarNome() {
        console.log('Eu sou um ser humano... de nome ' + this.nome);
    }
}

var vaca = new Animal();
var sergio = new Pessoa('Sérgio');
vaca.mostrarNome(); // Eu sou um animal qualquer...
sergio.mostrarNome(); // Eu sou um ser humano... de nome Sérgio

console.log(vaca instanceof Animal, vaca instanceof Humano, vaca instanceof Pessoa); // true false false
console.log(sergio instanceof Animal, sergio instanceof Humano, sergio instanceof Pessoa); // true, true, true

O que se passa aqui é que tens classes que herdam de outras. Todas as classes que são descendentes de outras dão sempre true quando verificas se são uma instância da original. A isto chama-se herança e o que acontece é que a classe de onde se herda fica escrita no prototypeprototype da nova classe. Há respostas bem completas sobre isso, como o @bigown@Maniero indicou.

Criei este exemplo para perceberes que é possivel o que queres. Simplesmente usando extends na sintaxe ES2015, ou copiando o prototype à mão com:

var NovaClasse = Object.create(ClasseAntiga);

Repara no seguinte exemplo:

class Animal {
    mostrarNome() {
        console.log('Eu sou um animal qualquer...');
    }
}

class Humano extends Animal {
    mostrarNome() {
        console.log('Eu sou um ser humano...');
    }
}

class Pessoa extends Humano {
    constructor(nome) {
        super();
        this.nome = nome;
    }
    mostrarNome() {
        console.log('Eu sou um ser humano... de nome ' + this.nome);
    }
}

var vaca = new Animal();
var sergio = new Pessoa('Sérgio');
vaca.mostrarNome(); // Eu sou um animal qualquer...
sergio.mostrarNome(); // Eu sou um ser humano... de nome Sérgio

console.log(vaca instanceof Animal, vaca instanceof Humano, vaca instanceof Pessoa); // true false false
console.log(sergio instanceof Animal, sergio instanceof Humano, sergio instanceof Pessoa); // true, true, true

O que se passa aqui é que tens classes que herdam de outras. Todas as classes que são descendentes de outras dão sempre true quando verificas se são uma instância da original. A isto chama-se herança e o que acontece é que a classe de onde se herda fica escrita no prototype da nova classe. Há respostas bem completas sobre isso, como o @bigown indicou.

Criei este exemplo para perceberes que é possivel o que queres. Simplesmente usando extends na sintaxe ES2015, ou copiando o prototype à mão com:

var NovaClasse = Object.create(ClasseAntiga);

Repara no seguinte exemplo:

class Animal {
    mostrarNome() {
        console.log('Eu sou um animal qualquer...');
    }
}

class Humano extends Animal {
    mostrarNome() {
        console.log('Eu sou um ser humano...');
    }
}

class Pessoa extends Humano {
    constructor(nome) {
        super();
        this.nome = nome;
    }
    mostrarNome() {
        console.log('Eu sou um ser humano... de nome ' + this.nome);
    }
}

var vaca = new Animal();
var sergio = new Pessoa('Sérgio');
vaca.mostrarNome(); // Eu sou um animal qualquer...
sergio.mostrarNome(); // Eu sou um ser humano... de nome Sérgio

console.log(vaca instanceof Animal, vaca instanceof Humano, vaca instanceof Pessoa); // true false false
console.log(sergio instanceof Animal, sergio instanceof Humano, sergio instanceof Pessoa); // true, true, true

O que se passa aqui é que tens classes que herdam de outras. Todas as classes que são descendentes de outras dão sempre true quando verificas se são uma instância da original. A isto chama-se herança e o que acontece é que a classe de onde se herda fica escrita no prototype da nova classe. Há respostas bem completas sobre isso, como o @Maniero indicou.

Criei este exemplo para perceberes que é possivel o que queres. Simplesmente usando extends na sintaxe ES2015, ou copiando o prototype à mão com:

var NovaClasse = Object.create(ClasseAntiga);
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Repara no seguinte exemplo:

class Animal {
    mostrarNome() {
        console.log('Eu sou um animal qualquer...');
    }
}

class Humano extends Animal {
    mostrarNome() {
        console.log('Eu sou um ser humano...');
    }
}

class Pessoa extends Humano {
    constructor(nome) {
        super();
        this.nome = nome;
    }
    mostrarNome() {
        console.log('Eu sou um ser humano... de nome ' + this.nome);
    }
}

var vaca = new Animal();
var sergio = new Pessoa('Sérgio');
vaca.mostrarNome(); // Eu sou um animal qualquer...
sergio.mostrarNome(); // Eu sou um ser humano... de nome Sérgio

console.log(vaca instanceof Animal, vaca instanceof Humano, vaca instanceof Pessoa); // true false false
console.log(sergio instanceof Animal, sergio instanceof Humano, sergio instanceof Pessoa); // true, true, true

O que se passa aqui é que tens classes que herdam de outras. Todas as classes que são descendentes de outras dão sempre true quando verificas se são uma instância da original. A isto chama-se herança e o que acontece é que a classe de onde se herda fica escrita no prototype da nova classe. Há respostas bem completas sobre isso, como o @bigown indicou.

Criei este exemplo para perceberes que é possivel o que queres. Simplesmente usando extends na sintaxe ES2015, ou copiando o prototype à mão com:

var NovaClasse = Object.create(ClasseAntiga);