How to create a class from another class? (Hierarchy)

Question

Hello, everybody.

I have the Students, Students and Students classes. These last two classes inherit all methods and attributes of the Student class (name, enrollment, sex, grades, display(), assignNota(), lerNota(), calculationMedia(), and add new ones to them.

There is how to create these last two classes so that the Student class is their parent?

    var Estudante = function (nome, matricula, sexo) {
    this.nome = nome;
    this.matricula = matricula;
    this.sexo = sexo;
    var notas = [];

    this.exibir = function () {
        return "oi";
    };

    this.atribuirNota = function (n) {
        nota.push(n);
    };

    this.lerNota = function (index) {
        return [index-1];
    };

    calcularMedia = function () {
        var x = (notas.length);
        var soma = 0;
        for (i=0;  i<(x - 1); i++ ){
            soma += notas[i];
        }
        var media = soma / x;
        return media;

    }
}

var EstudanteMonitor = Object.create(Estudante);
EstudanteMonitor.prototype.constructor = EstudanteMonitor;

var e1 = new EstudanteMonitor("oi", 2, 3);
console.log(e1.nome);

An example of how I’m trying to do.

Answer 1

The modern way to do this is with classes implemented in the ES6/ES2015 version of Javascript/Ecmascript. This is already available in almost all browsers. In this case the syntax is:

class EstudanteMonitor extends Estudante {

and would look like this:

class Estudante {
    constructor(nome, matricula, sexo) {
        this.nome = nome;
        this.matricula = matricula;
        this.sexo = sexo;
        this.notas = [];
    }

    exibir() {
        return 'Nome do estudante: ' + this.nome;
    }

    atribuirNota(n) {
        this.notas.push(n);
    }

    lerNota(index) {
        return this.notas[index - 1];
    }

    calcularMedia() {
        var x = (this.notas.length);
        var soma = 0;
        for (i = 0; i < (x - 1); i++) {
            soma += this.notas[i];
        }
        var media = soma / x;
        return media;
    }
}

class EstudanteMonitor extends Estudante {
    exibir() {
        return 'Nome do estudante monitor: ' + this.nome;
    }
};

var e1 = new Estudante("João", 2, 3);
console.log(e1.exibir()); // "Nome do estudante: João
var em1 = new EstudanteMonitor("João", 2, 3);
console.log(em1.exibir()); // "Nome do estudante monitor: João"

jsFiddle: https://jsfiddle.net/py0r32xk/

Answer 2

Yes, you must declare so:

function EstudanteMonitor() {

}
// Aqui vai a herança, você diz que o prototype de EstudanteMonitor é Estudante
EstudanteMonitor.prototype = new Estudante();
var e= new EstudanteMonitor();
console.log(e.exibir())

To inherit also the builder, you must do so:

function EstudanteMonitor(nome, matricula, sexo) {
   Estudante.call( this, nome, matricula, sexo );
}

Note that Student Monitor does not have a definition for exibir(), but it will work because of inheritance;

See more here: http://loopinfinito.com.br/2012/05/04/heranca-em-javascript-parte-1/