Ievērojiet konstruktora sintaksi. Manā Vilciens klasē konstruktors ir īpaša funkcija.

Pirmkārt, ievērojiet, ka nav funkcijas atslēgvārda. Ņemiet vērā arī to, ka šīs funkcijas definēšanai tiek izmantots atslēgvārdu konstruktors. Konstruktora funkcijas parametrus ievadāt atverošās un aizverošās iekavās, tāpat kā parastajās funkcijās. Parametru nosaukumi ir krāsa un gaismasIr.

Pēc tam konstruktora funkcijas pamattekstā jūs piešķīrāt nodotā krāsas parametra vērtību parametram this.krāsa un nodotā parametra gaismasIr vērtību parametram this.gaismasIr.

Ko šis atslēgvārds nozīmē?

Tas ir klases Vilciens nākotnes objekta gadījums.

Būtībā šis ir viss kods, kas jums jāieraksta, lai sasniegtu divas lietas:

1. Šis kods ļauj man izveidot jaunus vilcienu klases gadījumus.
2. Katrai manis izveidotajai Vilciens klases objekta eksemplāram būs savas pielāgotās krāsas un gaismas ieslēgšanas īpašības.

Tagad, lai faktiski izveidotu jaunu Vilciensklases gadījumu, man ir jāizmanto šāda sintakse:

new Train()

class Vilciens {
  constructor(krāsa, gaismasIr) {
    this.krāsa = krāsa;
    this.gaismasIr = gaismasIr;
  }
}
var mansPirmaisVilciens = new Vilciens("red", false);

class Vilciens {
  constructor(krāsa, gaismasIr) {
    this.krāsa = krāsa;
    this.gaismasIr = gaismasIr;
  }
}
var mansPirmaisVilciens = new Vilciens("sarkans", false);


console.log(mansPirmaisVilciens); // Vilciens {'krāsa': 'sarkans', gaismasIr: false}

Tagad jūsu vilciena klasē ir četras metodes:
gaismasSlēdzis(), gaismuStatuss(), paķerSev() un paņemPrototipu().

Metode gaismasSlēdzis izmanto loģisko, nevis operatoru !. Šis operators mainīs vilciena klases nākotnes instances objekta gaismasIr rekvizītā saglabāto vērtību; līdz ar to !this.gaismasIr. Un operators = pa kreisi nozīmē, ka tas tiks piešķirts this.gaismasIr, kas nozīmē, ka tas kļūs par jauno gaismasIr rekvizīta vērtību konkrētajā instances objektā.

Metode gaismuStatuss() klasē Vilciens tikai ziņo par konkrētā objekta instances mainīgā gaismasIrpašreizējo statusu.

Metode paķerSev() izdrukā rekvizītus objekta instancē, kuru tā izsauc.

Konsole paņemPrototipu() reģistrē Vilciens klases objekta instances prototipu. Prototipam ir visi rekvizīti, kas ir kopīgi visiem Vilciens klases objektu gadījumiem. Lai iegūtu prototipu, jums būs jāizmanto JavaScript iebūvētā metode Object.getPrototypeOf() un jānodod tam šis objekts, kas nozīmē objekta gadījumu, kurā šī metode tiek izsaukta.

Tagad varat izveidot pavisam jaunu vilcienu, izmantojot šo atjaunināto vilcienu klasi:

var vilciens4 = new Vilciens("sarkans", false);

class Vilciens {
  constructor(krāsa, gaismasIr) {
    this.krāsa = krāsa;
    this.gaismasIr = gaismasIr;
  }
  gaismasSlēdzis() {
    this.gaismasIr = !this.gaismasIr;
  }
  gaismuStatuss() {
    console.log("Gaismas ieslēgtas?", this.gaismasIr);
  }
  paķerSev() {
    console.log(this);
  }
  paņemPrototipu() {
    var proto = Object.getPrototypeOf(this);


    console.log(proto);
  }
}
var vilciens4 = new Vilciens("sarkans", false);


vilciens4.gaismasSlēdzis();
vilciens4.gaismuStatuss();
vilciens4.paķerSev();
vilciens4.paņemPrototipu();

Atskatīsimies uz paveikto…

Jūs sapratāt, ka ĀtrVilciens metodei ir atkārtoti jāizmanto sākotnējās metodes gaismasSlēdzis() esošā darbība, un tāpēc izmantojāt super.gaismasSlēdzis() sintaksi, lai mantotu visu superklases metodi.

Pēc tam jūs mantojat arī superklases metodes gaismasIr() darbību, jo saprotat, ka vēlaties, lai rekvizīta gaismasIr atjauninātais statuss tiktu reģistrēts konsolē, ikreiz, kad apakšgrupā izsaucat metodi gaismasSlēdzis() klasē.

Visbeidzot, jūs pievienojat arī trešo rindiņu atkārtoti ieviestajā gaismasSlēdzis() metodē, proti:

console.log('Gaismas ir 100% funkcionējošas.');

var Vilciens5 = new Vilciens('zils', false);
var ātrVilciens1 = new ĀtrVilciens(200, false, 'zaļš', false);

Vilciens5.gaismasSlēdzis(); // undefined
train5.gaismasStatuss(); // Gaismas ir? true

class Vilciens {
    constructor(krāsa, gaismasIr) {
        this.krāsa = krāsa;
        this.gaismasIr = gaismasIr;
    }
    gaismasSlēdzis() {
        this.gaismasIr = !this.gaismasIr;
    }
    gaismuStatuss() {
        console.log('Gaismas ieslēgtas?', this.gaismasIr);
    }
    paķerSev() {
        console.log(this);
    }
    paņemPrototipu() {
        var proto = Object.getPrototypeOf(this);
        console.log(proto);
    }
}


class ĀtrVilciens extends Vilciens {
    constructor(pasažieri, paātrinājumsIr, krāsa, gaismasIr) {
        super(krāsa, gaismasIr);
        this.pasažieri = pasažieri;
        this.paātrinājumsIr = paātrinājumsIr;
    }
    ieslēgtPaātrinājumu() {
        this.paātrinājumsIr = !this.paātrinājumsIr;
        console.log('Paātrinājuma statuss:', this.paātrinājumsIr);
    }
    gaismasSlēdzis() {
        super.gaismasSlēdzis();
        super.gaismuStatuss();
        console.log('Gaismas ir 100% funkcionējošas .');
    }
}


var mansPirmaisVilciens = new Vilciens('sarkans', false);
console.log(mansPirmaisVilciens); // Vilciens {krāsa: 'sarkans', gaismasIr: false}
var mansOtraisVilciens = new Vilciens('zils', false);
var mansTrešaisVilciens = new Vilciens('zils', false);


var vilciens4 = new Vilciens('sarkans', false);
train4.gaismasSlēdzis(); // undefined
train4.gaismuStatuss(); // Gaismas ieslēgtas? true
train4.paķerSev(); // Vilciens {krāsa: 'sarkans', gaismasIr: true}
train4.paņemPrototipu(); // {constructor: f, gaismasSlēdzis: f, gaismasStatus: f, paķerSev: f, paņemPrototipu: f}


var vilciens5 = new Vilciens('zils', false);
var ātrVilciens1 = new ĀtrVilciens(200, false, 'zaļš', false);


vilciens5.gaismasSlēdzis(); // undefined
vilciens5.gaismuStatuss(); // Gaismas ieslēgtas? true
ātrVilciens1.gaismasIr(); // Gaismas ieslēgtas? true, Gaismas ir 100% funkcionējošas.