Siit saate teada, kuidas JavaScriptis klasse luua

2015. aastal ilmus JavaScripti programmeerimiskeele versioon ES6. See väljaanne tõi keelele mõned olulised uuendused ja asetas selle ametlikult objektorienteeritud programmeerimiskeele kategooriasse teiste keelte, näiteks Java ja C ++ hulgas.

Objektile orienteeritud programmeerimine keskendub objektidele ja toimingutele, mida saab nendega teha. Enne objektide hankimist peab teil aga olema klass.

JavaScripti klassid on üks mängu muutvatest funktsioonidest, mis kaasnes keele ES6 versiooniga. Klassi võib kirjeldada kui eskiisi, mida kasutatakse objektide loomiseks.

Selles õpetusartiklis saate teada, kuidas JavaScripti klasside abil objekte luua ja käsitseda.

JavaScripti klassi struktuur

JavaScripti klassi loomisel on alati üks põhikomponent, mida vajate - klassi märksõna. Peaaegu kõik muud JavaScripti klassi aspektid ei ole selle edukaks täitmiseks vajalikud.

JavaScripti klass käivitub loomulikult, kui konstruktorit pole ette nähtud (klass loob täitmise ajal lihtsalt tühja konstruktori). Kui JavaScripti klass luuakse konstruktorite ja muude funktsioonidega, kuid klassi märksõna ei kasutata, ei saa seda klassi käivitada.

klassi märksõna (mis peaks alati olema väiketähtedega) on JavaScripti klassistruktuuris hädavajalik. Järgmine näide on JavaScripti klassi üldine süntaks. JavaScripti klassi süntaks on allpool:

class ClassName {
// klassi keha
}

Klassi loomine JavaScriptis

Programmeerimisel võib klassi vaadelda üldistatud olemina, mida kasutatakse spetsialiseeritud objekti loomiseks. Näiteks koolikeskkonnas võivad üldistatud olem (klass) olla õpilased ja õpilaste objektiks võib olla John Brown. Kuid enne objekti loomist peate teadma selle salvestatavaid andmeid ja siin tulevad mängu JavaScripti konstruktorid.

Konstruktorite kasutamine JavaScripti klassides

Konstruktor on klassi loomise protsessis elulise tähtsusega mitmel põhjusel; see initsialiseerib objekti oleku (selle atribuutide kaudu) ja see helistatakse automaatselt uue objekti käivitamisel (määratlemisel ja loomisel).

Konstruktori näite kasutamine

Allpool näete konstruktori näidet koos selgitusega, mida see tähendab.

klassi õpilane {
konstruktor (eesnimi, perenimi, alguskuupäev) {
see.nimeNimi = eesnimi;
this.lastName = perekonnanimi;
this.startDate = alguskuupäev;
}
}

Ülaltoodud kood kujutab endast JavaScripti klassi konstruktori olulist aspekti; erinevalt teistest keeltest, nagu Java ja C ++, ei kasuta JavaScripti konstruktor konstruktori loomiseks klassi nime. See kasutab konstruktor märksõna, nagu näete ülaltoodud näites.

Seotud: Siit saate teada, kuidas Java -s klasse luua

konstruktor ülaltoodud näites võtab kolm parameetrit ja kasutab seda märksõna, et määrata parameetrid klassi praegusele eksemplarile. See võib tunduda pisut segane, kuid peate mõistma, et klassi võib vaadelda kui plaani, mida kasutatakse paljude majade loomiseks.

Iga ehitatud maja võib seejärel vaadelda selle klassi objektina. Kuigi kõik need majad on loodud sama plaaniga, eristatakse neid nende konkreetse geograafilise asukoha või nende omanike järgi.

seda märksõna kasutatakse iga klassi loodud objekti eristamiseks. See tagab, et iga sama klassi abil loodud objekti kohta salvestatakse ja töödeldakse õigeid andmeid.

Objekti loomine JavaScriptis

Konstruktorid on sellises keeles nagu JavaScript olulised, kuna need tähistavad teatud klassi objektide atribuutide arvu. Mõned keeled nõuavad atribuudi (muutuja) deklareerimist enne selle kasutamist konstruktoris või mõnes muus meetodis. JavaScripti puhul see aga nii ei ole.

Seotud: Muutujate deklareerimine JavaScriptis

Vaadates ülaltoodud õpilasklassi konstruktorit, näete, et selle klassi objektil on kolm atribuuti.

Objekti näite loomine

Allpool näete JavaScriptis objekti loomise näidet.

// uue objekti loomine
const john = uus õpilane ('John', 'Brown', '2018');

Ülaltoodud kood kasutab Õpilane klassi objekti loomiseks.

Klassi objekti loomisel peate kasutama uus märksõna, millele järgneb klassi nimi ja väärtused, mille soovite vastavatele atribuutidele määrata. Nüüd on teil uus õpilane eesnimega John, perekonnanimi Brown ja alguskuupäev 2018. Teil on ka konstantne muutuja: john. See muutuja on oluline, kuna see võimaldab teil loodud objekti kasutada.

Ilma john muutuja abil saate siiski luua uue objekti, kasutades Õpilane klassi, kuid siis ei saa sellele objektile juurde pääseda ja seda klassi erinevate meetoditega kasutada.

Meetodite kasutamine JavaScripti klassides

Meetod on klassi funktsioon, mida kasutatakse toimingute tegemiseks klassist loodud objektidega. Hea meetod õpilasklassi lisamiseks on see, mis koostab iga õpilase kohta aruande.

Klassimeetodite loomise näide

Allpool on näide klassimeetodite loomiseks JavaScriptis.

klassi õpilane {
konstruktor (eesnimi, perenimi, alguskuupäev) {
see.nimeNimi = eesnimi;
this.lastName = perekonnanimi;
this.startDate = alguskuupäev;
}
// aruandlusmeetod
aruanne(){
return `$ {this.firstName} $ {this.lastName} hakkas selles asutuses käima alates $ {this.startDate}
}
}

Ülaltoodud klass sisaldab meetodit, mis loob aruande iga õpilase kohta, kes on loodud Õpilane klassi. Et kasutada aruanne() meetodit, peate lihtsa funktsioonikõne tegemiseks kasutama klassi olemasolevat objekti.

Tänu ülaltoodud objekti loomise näitele peaks teil olema objekt Õpilane klass, mis on määratud muutujale john. Kasutades john, saate nüüd edukalt helistada aruanne() meetod.

Klassimeetodite kasutamine Näide

Allpool on näide klassimeetodite kasutamisest JavaScriptis.

// uue objekti loomine
const john = uus õpilane ('John', 'Brown', '2018');
// aruandemeetodi kutsumine ja selle tulemuse salvestamine muutujale
las tulemus = john.report ();
// tulemuse printimine konsooli
console.log (tulemus);

Ülaltoodud kood kasutab Õpilased klassi konsoolis järgmise väljundi loomiseks:

John Brown hakkas selles asutuses käima 2018

Staatiliste meetodite kasutamine JavaScripti klassides

Staatilised meetodid on ainulaadsed, kuna need on ainsad meetodid JavaScripti klassis, mida saab kasutada ilma objektita.

Ülaltoodud näite põhjal ei saa te seda kasutada aruanne() meetod ilma klassi objektita. Seda seetõttu, et aruanne() meetod põhineb soovitud tulemuse saamiseks objekti atribuutidel. Staatilise meetodi kasutamiseks vajate aga ainult selle klassi nime, mis seda meetodit salvestab.

Staatilise meetodi näite loomine

Allpool on näide JavaScripti staatilisest meetodist.

klassi õpilane {
konstruktor (eesnimi, perenimi, alguskuupäev) {
see.nimeNimi = eesnimi;
this.lastName = perekonnanimi;
this.startDate = alguskuupäev;
}
// aruandlusmeetod
aruanne(){
return `$ {this.firstName} $ {this.lastName} hakkas selles asutuses käima alates $ {this.startDate}
}
// staatiline meetod
staatiline lõppkuupäev (alguskuupäev) {
tagasi alguskuupäev + 4;
}
}

Ülaltoodud näitest on oluline märkida, et iga staatiline meetod algab tähega staatiline märksõna.

Staatilise meetodi näite kasutamine

Allpool on näide staatilise meetodi kasutamiseks JavaScriptis.

// staatilise meetodi kutsumine ja selle tulemuse konsoolile printimine
console.log (Student.endDate (2018));

Ülaltoodud koodirida kasutab Õpilased klassi konsoolis järgmise väljundi loomiseks:

2022

JavaScripti klassi loomine on lihtne

JavaScripti klassi loomiseks ja ühe või mitme objekti kiirendamiseks peate meeles pidama mitmeid asju.

• JavaScripti klassil peab olema klassi märksõna.
• JavaScripti konstruktor näitab objekti väärtuste arvu.
• Üldisi klassimeetodeid ei saa ilma objektita kasutada.
• Staatilisi meetodeid saab kasutada ka ilma objektita.

konsool.log () meetodit kasutatakse käesolevas artiklis, et anda tulemusi JavaScripti klassi üldiste ja staatiliste meetodite kasutamise kohta. See meetod on kasulik tööriist igale JavaScripti arendajale, kuna see aitab silumisprotsessis.

Tutvumine console.log () meetod on üks olulisemaid asju, mida saate JavaScripti arendajana teha.

Ülim JavaScripti petuleht

Selle petulehe abil saate JavaScripti elemente kiiresti värskendada.

Loe edasi

Autori kohta