Uzziniet, kā izveidot klases JavaScript

Uzziniet, kā izveidot klases JavaScript

2015. gadā tika izlaista JavaScript programmēšanas valodas ES6 versija. Šis izlaidums ieviesa dažus būtiskus valodas jauninājumus un oficiāli ierindoja to objektorientētās programmēšanas valodas kategorijā starp citām valodām, piemēram, Java un C ++.





Objektorientētā programmēšana koncentrējas uz objektiem un darbībām, ko ar tiem var veikt. Tomēr pirms objektu iegūšanas jums ir nepieciešama klase.



kā saglabāt videoklipu no youtube savā iPhone

JavaScript klases ir viena no spēlēm mainīgajām funkcijām, kas tika iekļauta valodas ES6 versijā. Klasi var raksturot kā projektu, kas tiek izmantots objektu izveidošanai.





Šajā apmācības rakstā jūs uzzināsit, kā izveidot un manipulēt ar objektiem, izmantojot JavaScript klases.

JavaScript klases struktūra

Veidojot JavaScript klasi, vienmēr ir nepieciešama viena būtiska sastāvdaļa - klase atslēgvārds. Gandrīz visi citi JavaScript klases aspekti nav nepieciešami tās veiksmīgai izpildei.



JavaScript klase darbosies dabiski, ja konstruktors netiks nodrošināts (izpildes laikā klase vienkārši izveidos tukšu konstruktoru). Tomēr, ja tiek izveidota JavaScript klase ar konstruktoriem un citām funkcijām, bet netiek izmantots klases atslēgvārds, šī klase nebūs izpildāma.

The klase atslēgvārds (kuram vienmēr jābūt mazajiem burtiem) ir nepieciešams JavaScript klases struktūrā. Šis piemērs ir JavaScript klases vispārējā sintakse. JavaScript klases sintakse ir šāda:



class ClassName{
//class body
}

Klases izveide JavaScript

Programmēšanā klasi var uzskatīt par vispārinātu entītiju, ko izmanto, lai izveidotu specializētu objektu. Piemēram, skolas vidē vispārināta vienība (klase) var būt studenti, bet skolēnu objekts - Džons Brauns. Bet pirms objekta izveides jums jāzina dati, ko tas saglabās, un šeit tiek izmantoti JavaScript konstruktori.

Konstruktoru izmantošana JavaScript klasēs

Konstruktors ir būtisks klases izveides procesā dažu iemeslu dēļ; tas inicializē objekta stāvokli (izmantojot tā atribūtus), un tas tiek automātiski izsaukts, kad tiek parādīts jauns objekts (definēts un izveidots).



Izmantojot konstruktoru piemēru

Zemāk redzēsit konstruktoru piemēru ar skaidrojumu, ko tas nozīmē.

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

Iepriekš minētais kods parāda svarīgu JavaScript klases konstruktora aspektu; atšķirībā no citām valodām, piemēram, Java un C ++, JavaScript veidotājs neizmanto klases nosaukumu, lai izveidotu konstruktoru. Tas izmanto celtnieks kā redzams iepriekš minētajā piemērā.

Saistīts: Uzziniet, kā izveidot nodarbības Java

The celtnieks iepriekš minētajā piemērā tiek ņemti trīs parametri un tiek izmantots šo atslēgvārdu, lai piešķirtu parametrus pašreizējam klases gadījumam. Tas varētu šķist nedaudz mulsinoši, bet jums ir jāsaprot, ka klasi var uzskatīt par projektu, kas tiek izmantots, lai izveidotu daudzas mājas.

Pēc tam katru uzcelto māju var uzskatīt par šīs klases objektu. Lai gan katra no šīm mājām ir veidota ar tādu pašu plānu, tās var atšķirt pēc to īpašās ģeogrāfiskās atrašanās vietas vai cilvēkiem, kam tās pieder.

The šo atslēgvārds tiek izmantots, lai atšķirtu katru klases izveidoto objektu. Tas nodrošina pareizu datu saglabāšanu un apstrādi katram objektam, kas izveidots, izmantojot to pašu klasi.

Objekta izveide JavaScript

Konstruktori ir svarīgi tādā valodā kā JavaScript, jo tie apzīmē atribūtu skaitu, kādam jābūt konkrētas klases objektam. Dažās valodās būs nepieciešams deklarēt atribūtu (mainīgo), pirms to var izmantot konstruktorā vai citās metodēs. Tomēr tas nenotiek ar JavaScript.

Saistīts: Kā deklarēt mainīgos JavaScript

Aplūkojot studentu klases konstruktoru iepriekš, jūs varat saprast, ka šīs klases objektam būs trīs atribūti.

Objekta piemēra izveide

Tālāk redzēsit piemēru objekta izveidei JavaScript.

//create a new object
const john = new Student('John', 'Brown', '2018');

Iepriekš minētais kods izmanto Students klasē, lai izveidotu objektu.

Veidojot klases objektu, jāizmanto jauns atslēgvārdu, kam seko klases nosaukums un vērtības, kuras vēlaties piešķirt attiecīgajiem atribūtiem. Tagad jums ir jauns students ar vārdu Jānis, uzvārds Brauns un sākuma datums 2018. gadā. Jums ir arī nemainīgs mainīgais: Džons. Šis mainīgais ir svarīgs, jo tas ļauj izmantot izveidoto objektu.

Bez Džons mainīgo, jūs joprojām varēsit izveidot jaunu objektu, izmantojot Students klasē, bet tad nevarēs piekļūt šim objektam un izmantot to ar dažādām klases metodēm.

Metodikas izmantošana JavaScript klasēs

Metode ir klases funkcija, ko izmanto, lai veiktu darbības ar objektiem, kas izveidoti no klases. Laba metode studentu klases papildināšanai ir tāda, kas ģenerē atskaiti par katru studentu.

Klases metožu izveides piemērs

Zemāk ir piemērs klases metožu izveidei JavaScript.

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}`
}
}

Iepriekšējā klasē ir metode, kas ģenerēs pārskatu par katru studentu, kas izveidots ar Students klase. Lai izmantotu Ziņot() metode, lai izmantotu vienkāršu funkciju izsaukumu, jums būs jāizmanto esošs klases objekts.

Pateicoties iepriekš izveidotam objekta paraugam, jums vajadzētu būt objektam Students klase, kas piešķirta mainīgajam Džons . Izmantojot Džons , tagad varat veiksmīgi piezvanīt uz Ziņot() metode.

Klases metožu izmantošana Piemērs

Zemāk ir piemērs klases metožu izmantošanai JavaScript.

//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);

Iepriekš minētais kods izmanto Studenti klasē, lai konsolē izveidotu šādu izvadi:

John Brown started attending this institution in 2018

Statisko metožu izmantošana JavaScript klasēs

Statiskās metodes ir unikālas, jo tās ir vienīgās metodes JavaScript klasē, kuras var izmantot bez objekta.

No iepriekš minētā piemēra jūs nevarat izmantot Ziņot() metode bez klases objekta. Tas ir tāpēc, ka Ziņot() metode balstās uz objekta atribūtiem, lai iegūtu vēlamo rezultātu. Tomēr, lai izmantotu statisku metodi, jums būs nepieciešams tikai tās klases nosaukums, kurā šī metode tiek glabāta.

Statiskās metodes piemēra izveide

Zemāk ir JavaScript statiskās metodes piemērs.

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;
}
}

No iepriekš minētā piemēra ir svarīgi atzīmēt, ka katra statiskā metode sākas ar statisks atslēgvārds.

Izmantojot statiskās metodes piemēru

Zemāk ir piemērs statiskas metodes izmantošanai JavaScript.

//calling a static method and printing its result to the console
console.log(Student.endDate(2018));

Iepriekš redzamā koda rindiņa izmanto Studenti klasē, lai konsolē izveidotu šādu izvadi:

2022

JavaScript klases izveide ir vienkārša

Ja vēlaties izveidot JavaScript klasi un no tās izveidot vienu vai vairākus objektus, jums jāatceras vairākas lietas:

  • JavaScript klasei ir jābūt klase atslēgvārds.
  • JavaScript konstruktors norāda objektu vērtību skaitu.
  • Vispārējās klases metodes nevar izmantot bez objekta.
  • Statiskās metodes var izmantot bez objekta.

The konsole . žurnāls () metode tiek izmantota visā šajā rakstā, lai sniegtu rezultātus, izmantojot JavaScript klasē gan vispārējās, gan statiskās metodes. Šī metode ir noderīgs rīks jebkuram JavaScript izstrādātājam, jo ​​tas palīdz atkļūdošanas procesā.

Iepazīstieties ar console.log () metode ir viena no vissvarīgākajām lietām, ko varat darīt kā JavaScript izstrādātājs.

Kopīgot Kopīgot Čivināt E -pasts Galīgā JavaScript krāpšanās lapa

Izmantojot šo krāpšanās lapu, varat ātri atsvaidzināt JavaScript elementus.

Lasīt Tālāk Saistītās tēmas
  • Programmēšana
  • Programmēšana
  • JavaScript
  • Kodēšanas padomi
  • Kodēšanas apmācības
Par autoru Kadeiša Kīna(Publicēti 21 raksti)

Kadeisha Kean ir pilna komplekta programmatūras izstrādātājs un tehniskais/tehnoloģiju rakstnieks. Viņai ir izteikta spēja vienkāršot dažus no sarežģītākajiem tehnoloģiskajiem jēdzieniem; materiāla ražošana, ko var viegli saprast ikviens tehnoloģiju iesācējs. Viņa aizraujas ar rakstīšanu, interesantas programmatūras izstrādi un pasaules apceļošanu (caur dokumentālajām filmām).

Vairāk no Kadeisha Kean

Abonējiet mūsu biļetenu

Pievienojieties mūsu informatīvajam izdevumam, lai iegūtu tehniskus padomus, pārskatus, bezmaksas e -grāmatas un ekskluzīvus piedāvājumus!

Noklikšķiniet šeit, lai abonētu