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.

---

---

vähendada videofaili suurust Windows 10

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.

The 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{
//class body
}


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 loomisprotsessi jaoks 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.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
}


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

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

The ehitaja ü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.

The 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 objekti atribuutide arvu. Mõned keeled nõuavad atribuudi (muutuja) deklareerimist enne selle kasutamist konstruktoris või muudes meetodites. 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.

//create a new object
const john = new Student('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.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${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.

//create a new object
const john = new Student('John', 'Brown', '2018');
//calling the report method and storing its result in a variable
let result = john.report();
//printing the result to the console
console.log(result);


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

John Brown started attending this institution in 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. Kuid staatilise meetodi kasutamiseks vajate ainult selle klassi nime, mis seda meetodit salvestab.

Staatilise meetodi näite loomine

Allpool on näide JavaScripti staatilisest meetodist.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
//static method
static endDate(startDate){
return startDate + 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.

//calling a static method and printing its result to the console
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 ilma objektita.

The konsool . log () meetodit kasutatakse selles artiklis, et pakkuda tulemusi nii JavaScripti klassi üld- kui ka staatiliste meetodite kasutamisel. 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.

Jaga Jaga Piiksuma E -post Ülim JavaScripti petuleht

Selle petulehe abil saate JavaScripti elemente kiiresti värskendada.

Loe edasi Seotud teemad

• Programmeerimine
• Programmeerimine
• JavaScript
• Näpunäiteid kodeerimiseks
• Kodeerimise õpetused

Autori kohta Kadeisha Kean(Avaldatud 21 artiklit)

Kadeisha Kean on täispinu tarkvaraarendaja ja tehniline/tehnoloogiline kirjutaja. Tal on selge võime lihtsustada mõnda kõige keerukamat tehnoloogilist kontseptsiooni; materjali tootmine, millest igale tehnoloogia algajale on lihtne aru saada. Ta on kirglik kirjutamise, huvitava tarkvara arendamise ja maailmas reisimise vastu (dokumentaalfilmide kaudu).

Veel Kadeisha Keanilt

Telli meie uudiskiri

Liituge meie uudiskirjaga, et saada tehnilisi näpunäiteid, ülevaateid, tasuta e -raamatuid ja eksklusiivseid pakkumisi!

Tellimiseks klõpsake siin