Naučite se ustvarjati razrede v JavaScript

Leta 2015 je izšla različica programskega jezika JavaScript za ES6. Ta izdaja je uvedla nekaj večjih nadgradenj jezika in ga uradno uvrstila v kategorijo objektno usmerjenega programskega jezika med druge jezike, kot sta Java in C ++.

Objektno usmerjeno programiranje se osredotoča na predmete in operacije, ki jih je mogoče izvesti. Vendar, preden lahko imate kakršne koli predmete, morate imeti razred.

Razredi JavaScript so ena od funkcij, ki spreminjajo igre, ki so bile priložene različici jezika ES6. Razred lahko opišemo kot načrt, ki se uporablja za ustvarjanje predmetov.

V tem vodiču se boste naučili ustvarjati in upravljati predmete s pomočjo razredov JavaScript.

Struktura razreda JavaScript

Pri ustvarjanju razreda v JavaScriptu je vedno potrebna ena temeljna komponenta - razred ključna beseda. Skoraj vsi drugi vidiki razreda JavaScript niso potrebni za njegovo uspešno izvedbo.

Razred JavaScript se bo seveda izvajal, če konstruktor ni na voljo (razred bo med izvajanjem preprosto ustvaril prazen konstruktor). Če pa je razred JavaScript ustvarjen s konstruktorji in drugimi funkcijami, vendar ni uporabljena ključna beseda razreda, ta razred ne bo izvedljiv.

The razred ključna beseda (ki bi morala biti vedno z malimi črkami) je nujna v strukturi razreda JavaScript. Naslednji primer je splošna skladnja razreda JavaScript. Sintaksa razreda JavaScript je spodaj:

class ClassName {
// telo razreda
}

Ustvarjanje razreda v JavaScript

V programiranju lahko na razred gledamo kot na posplošeno entiteto, ki se uporablja za ustvarjanje specializiranega predmeta. Na primer, v šolskem okolju so lahko generalizirana entiteta (razred) učenci, predmet učencev pa lahko John Brown. Preden ustvarite predmet, morate poznati podatke, ki jih bo shranil, in tu pridejo v poštev konstruktorji JavaScript.

Uporaba konstruktorjev v razredih JavaScript

Konstruktor je ključnega pomena za proces ustvarjanja razreda zaradi nekaj razlogov; inicializira stanje predmeta (prek njegovih atributov) in se samodejno pokliče, ko je nov predmet izdelan (definiran in ustvarjen).

Z uporabo primera konstruktorja

Spodaj boste videli primer konstruktorja z razlago, kaj to pomeni.

učenec razreda {
konstruktor (firstName, lastName, startDate) {
this.firstName = prvo ime;
this.lastName = lastName;
this.startDate = datum začetka;
}
}

Zgornja koda predstavlja pomemben vidik konstruktorja razreda JavaScript; za razliko od drugih jezikov, kot sta Java in C ++, konstruktor JavaScript ne uporablja imena razreda za ustvarjanje konstruktorja. Uporablja konstruktor ključne besede, kot lahko vidite v zgornjem primeru.

Povezano: Naučite se ustvarjati razrede v Javi

The konstruktor v zgornjem primeru vzame tri parametre in uporablja datoteko to ključno besedo za dodelitev parametrov trenutnemu primerku razreda. Morda se zdi nekoliko zmedeno, vendar morate razumeti, da je razred mogoče razumeti kot načrt, ki se uporablja za ustvarjanje številnih hiš.

Vsako zgrajeno hišo lahko potem obravnavamo kot objekt tega razreda. Čeprav je vsaka od teh hiš ustvarjena z istim načrtom, jih je mogoče razlikovati po posebni geografski legi ali ljudeh, ki jih imajo v lasti.

The to ključna beseda se uporablja za razlikovanje vsakega predmeta, ki ga ustvari razred. Zagotavlja, da so pravilni podatki shranjeni in obdelani za vsak predmet, ki je ustvarjen z uporabo istega razreda.

Ustvarjanje predmeta v JavaScript

Konstruktorji so v jeziku, kot je JavaScript, pomembni, ker označujejo število atributov, ki bi jih moral imeti predmet določenega razreda. Nekateri jeziki bodo zahtevali, da se atribut (spremenljivka) razglasi, preden se lahko uporabi v konstruktorju ali kateri koli drugi metodi. Vendar to ne velja za JavaScript.

Povezano: Kako razglasiti spremenljivke v JavaScript

Če pogledate zgornji konstruktor študentskega razreda, lahko ugotovite, da bo imel predmet tega razreda tri atribute.

Ustvarjanje primera objekta

Spodaj boste videli primer ustvarjanja predmeta v JavaScript.

// ustvarite nov predmet
const john = nov študent ('John', 'Brown', '2018');

Zgornja koda uporablja Študent razred za ustvarjanje predmeta.

Pri ustvarjanju predmeta razreda morate uporabiti datoteko nov ključna beseda, ki ji sledi ime razreda in vrednosti, ki jih želite dodeliti ustreznim atributom. Zdaj imate novega študenta z imenom John, priimkom Brown in datumom začetka leta 2018. Imate tudi konstantno spremenljivko: Janez Ta spremenljivka je pomembna, ker vam omogoča uporabo predmeta, ki je ustvarjen.

Brez Janez spremenljivko, boste lahko še vedno ustvarili nov predmet z uporabo Študent razred, potem pa ne bo mogoče dostopati do tega predmeta in ga uporabiti z različnimi metodami razreda.

Uporaba metod v razredih JavaScript

Metoda je funkcija razreda, ki se uporablja za izvajanje operacij na objektih, ki so ustvarjeni iz razreda. Dobra metoda za dodajanje študentskemu razredu je tista, ki ustvari poročilo o vsakem učencu.

Primer ustvarjanja razrednih metod

Spodaj je primer ustvarjanja razrednih metod v JavaScript.

učenec razreda {
konstruktor (firstName, lastName, startDate) {
this.firstName = prvo ime;
this.lastName = lastName;
this.startDate = datum začetka;
}
// metoda poročila
report () {
return `$ {this.firstName} $ {this.lastName} je začel obiskovati to ustanovo v $ {this.startDate}`
}
}

Zgornji razred vsebuje metodo, ki bo ustvarila poročilo o vsakem učencu, ustvarjenem z datoteko Študent razred. Za uporabo poročilo () metodo, da za preprost klic funkcije uporabite obstoječi predmet razreda.

Zahvaljujoč zgornjemu "ustvari primer predmeta" bi morali imeti objekt Študent razred, ki je dodeljen spremenljivki Janez. Uporaba Janez, zdaj lahko uspešno pokličete poročilo () metoda.

Primer uporabe metod razredov

Spodaj je primer uporabe razrednih metod v JavaScript.

// ustvarite nov predmet
const john = nov študent ('John', 'Brown', '2018');
// klicanje metode poročila in shranjevanje njenega rezultata v spremenljivko
naj bo rezultat = john.report ();
// tiskanje rezultata na konzolo
console.log (rezultat);

Zgornja koda uporablja Študenti razred za izdelavo naslednjih izhodov v konzoli:

John Brown je to ustanovo začel obiskovati leta 2018

Uporaba statičnih metod v razredih JavaScript

Statične metode so edinstvene, ker so edine metode v razredu JavaScript, ki jih je mogoče uporabiti brez predmeta.

Iz zgornjega primera ne morete uporabljati poročilo () metodo brez predmeta razreda. To je zato, ker poročilo () metoda temelji na atributih predmeta za doseganje želenega rezultata. Če pa želite uporabiti statično metodo, potrebujete le ime razreda, ki shranjuje metodo.

Ustvarjanje primera statične metode

Spodaj je primer statične metode za JavaScript.

učenec razreda {
konstruktor (firstName, lastName, startDate) {
this.firstName = prvo ime;
this.lastName = lastName;
this.startDate = datum začetka;
}
// metoda poročila
report () {
return `$ {this.firstName} $ {this.lastName} je začel obiskovati to ustanovo v $ {this.startDate}`
}
// statična metoda
static endDate (startDate) {
return startDate + 4;
}
}

Pomembno pri zgornjem primeru je, da se vsaka statična metoda začne z statična ključna beseda.

Z uporabo primera statične metode

Spodaj je primer uporabe statične metode v JavaScript.

// klicanje statične metode in izpis njenega rezultata na konzolo
console.log (Student.endDate (2018));

Zgornja vrstica kode uporablja Študenti razred za izdelavo naslednjih izhodov v konzoli:

2022

Ustvarjanje razreda JavaScript je enostavno

Če želite ustvariti razred JavaScript in iz njega narediti en ali več predmetov, se morate spomniti več stvari:

• Razred JavaScript mora imeti razred ključna beseda.
• Konstruktor JavaScript označuje število vrednosti, ki jih lahko ima predmet.
• Splošnih metod razreda ni mogoče uporabiti brez predmeta.
• Statične metode se lahko uporabljajo brez predmeta.

The konzola.log () metoda je v tem članku uporabljena za zagotavljanje rezultatov uporabe splošnih in statičnih metod v razredu JavaScript. Ta metoda je uporabno orodje za vsakega razvijalca JavaScript, saj pomaga pri procesu odpravljanja napak.

Seznanite se z console.log () method je ena najpomembnejših stvari, ki jih lahko naredite kot razvijalec JavaScript.

Ultimate JavaScript Cheat Sheet

S to goljufijo hitro osvežite elemente JavaScript.

Preberite Naprej

O avtorju