Javascript, estendere una classe

[robynosse]

Ciao a tutti,

avrei bisogno di estendere una classe in javascript.

Mettiamo il caso di avere:

function Veicolo(ruote,colore){
this.ruote=ruote;
this.colore=colore;
this.accelera=function(velocita){console.log("Vado a "+velocita);};
}

Adesso vorrei estendere (extends) questa classe "Veicolo" in modo da avere una classe "Automobile" che accetti gli stessi argomenti quando viene istanziata, ovvero 'ruote' e 'colore', che abbia un nuovo metodo ad esempio frena(secondiFrenata), vorrei poter fare:

var bmw=new Automobile(4,"blu");
bmw.accelera(130);
bmw.frena(10);

Mi potreste aiutare?

Grazie,
Roberto

[robynosse]

Ho risolto così:

function Automobile(ruote,colore) {
 Veicolo.call(this, ruote,colore);
 this.frena=function(secondi){console.log("Ho frenato in "+secondi);};
}

C'è qualche inconveniente ad utilizzare questo sistema?

Grazie,
Roberto

[carlomarx]

Ci sono due inconvenienti di piccolo taglio col tuo codice:

1. Il prototipo non viene ereditato – “ (new Automobile(4, "blu")) instanceof Veicolo” restituisce false col tuo codice;
2. Crei delle closures – se puoi, i metodi appendili sempre al prototipo invece di appenderli ogni volta alle istanze.

Ti giro un esempio chiarificatore:

/* Creo il costruttore "Veicolo" */
function Veicolo (ruote, colore){
    this.ruote = ruote;
    this.colore = colore;
}

/* Creo il costruttore "Automobile" */
function Automobile (ruote, colore) {
     Veicolo.call(this, ruote, colore);
}

/* Rendo un'istanza di "Veicolo" prototipo del costruttore "Automobile" */
Automobile.prototype = Object.create(Veicolo.prototype);
Automobile.prototype.constructor = Automobile;

/* Creo i metodi; quelli di "Veicolo" verranno ereditati da "Automobile", ma non viceversa */
Veicolo.prototype.accelera = function (velocita) {
    console.log("Vado a " + velocita);
};

Automobile.prototype.frena = function (secondi) {
    console.log("Ho frenato in " + secondi);
};

Testiamo l'ereditarietà…

var miaAuto = new Automobile(4, "blu");

alert(miaAuto instanceof Automobile); // true
alert(miaAuto instanceof Veicolo); // true

P.S. Non esistono classi in JS (è quindi scorretto chiamarle tali), ma esiste di meglio: i costruttori!

[robynosse]

Ciao,

scusa per la tardiva risposta!
Ti ringrazio molto della spiegazione, adesso mi è più chiaro!

Roberto