Aflați cum să creați cursuri în JavaScript

În 2015, a fost lansată versiunea ES6 a limbajului de programare JavaScript. Această versiune a introdus unele îmbunătățiri majore ale limbajului și l-a plasat oficial în categoria limbajului de programare orientat pe obiecte, printre alte limbaje, cum ar fi Java și C ++.

Programarea orientată pe obiecte se concentrează pe obiecte și operațiunile care pot fi efectuate asupra lor. Cu toate acestea, înainte de a putea avea obiecte, va trebui să aveți o clasă.

Clasele JavaScript sunt una dintre caracteristicile de schimbare a jocului care au venit cu versiunea ES6 a limbii. O clasă poate fi descrisă ca un plan care este utilizat pentru a crea obiecte.

În acest articol tutorial, veți afla cum să creați și să manipulați obiecte folosind clase JavaScript.

Structura clasei JavaScript

Când creați o clasă în JavaScript, există o componentă fundamentală pe care o veți avea întotdeauna nevoie clasă cuvânt cheie. Aproape orice alt aspect al clasei JavaScript nu este necesar pentru executarea cu succes.

O clasă JavaScript se va executa în mod natural dacă nu este furnizat un constructor (clasa va crea pur și simplu un constructor gol în timpul execuției). Cu toate acestea, dacă se creează o clasă JavaScript cu constructori și alte funcții, dar nu este utilizat niciun cuvânt cheie de clasă, această clasă nu va fi executabilă.

The clasă cuvântul cheie (care ar trebui să fie întotdeauna cu litere mici) este o necesitate în structura clasei JavaScript. Următorul exemplu este sintaxa generală a unei clase JavaScript. Sintaxa clasei JavaScript este mai jos:

class ClassName {
// corpul clasei
}

Crearea unei clase în JavaScript

În programare, o clasă poate fi văzută ca o entitate generalizată care este utilizată pentru a crea un obiect specializat. De exemplu, într-un mediu școlar, o entitate generalizată (o clasă) poate fi elevi și un obiect al elevilor poate fi John Brown. Dar, înainte de a crea un obiect, va trebui să cunoașteți datele pe care le va stoca și aici intră în joc constructorii JavaScript.

Utilizarea constructorilor în clasele JavaScript

Un constructor este vital pentru procesul de creare a clasei din câteva motive; inițializează starea unui obiect (prin atributele sale) și este apelat automat atunci când un obiect nou este instanțiat (definit și creat).

Utilizarea unui exemplu de constructor

Mai jos, veți vedea un exemplu de constructor cu o explicație a ceea ce înseamnă.

clasa Student {
constructor (prenume, prenume, startDate) {
this.firstName = prenumele;
this.lastName = prenume;
this.startDate = StartDate;
}
}

Codul de mai sus prezintă un aspect important al constructorului clasei JavaScript; spre deosebire de alte limbi, cum ar fi Java și C ++, un constructor JavaScript nu folosește numele clasei pentru a crea un constructor. Se folosește de constructor cuvânt cheie după cum puteți vedea în exemplul de mai sus.

Legate de: Aflați cum să creați cursuri în Java

The constructor în exemplul de mai sus ia trei parametri și folosește acest cuvânt cheie pentru a atribui parametrii instanței curente a clasei. Ar putea părea puțin confuz, dar ceea ce trebuie să înțelegeți este că o clasă poate fi văzută ca un plan care este folosit pentru a crea multe case.

Fiecare casă construită poate fi apoi văzută ca un obiect al acestei clase. Deși fiecare dintre aceste case este creată cu același plan, ele se disting prin locația geografică specifică sau persoanele care le dețin.

The acest cuvântul cheie este folosit pentru a distinge fiecare obiect creat de o clasă. Se asigură că datele corecte sunt stocate și procesate pentru fiecare obiect care este creat folosind aceeași clasă.

Crearea unui obiect în JavaScript

Constructorii sunt importanți într-un limbaj precum JavaScript, deoarece indică numărul de atribute pe care ar trebui să le aibă un obiect dintr-o anumită clasă. Unele limbi vor necesita ca un atribut (variabilă) să fie declarat înainte de a putea fi utilizat într-un constructor sau în orice alte metode. Cu toate acestea, acest lucru nu este cazul cu JavaScript.

Legate de: Cum să declarați variabile în JavaScript

Privind constructorul clasei elevilor de mai sus, puteți discerne că un obiect al acestei clase va avea trei atribute.

Crearea unui exemplu de obiect

Mai jos, veți vedea un exemplu pentru crearea unui obiect în JavaScript.

// creați un obiect nou
const john = student nou („John”, „Brown”, „2018”);

Codul de mai sus folosește Student clasa pentru a crea un obiect.

Când creați un obiect al unei clase, trebuie să utilizați nou cuvânt cheie, urmat de numele clasei și valorile pe care doriți să le atribuiți atributelor respective. Acum aveți un nou student cu prenumele John, prenumele Brown și data de începere a anului 2018. De asemenea, aveți o variabilă constantă: Ioan. Această variabilă este importantă deoarece vă permite să utilizați obiectul creat.

Fara Ioan variabilă veți putea în continuare să creați un obiect nou folosind Student class, dar atunci nu va exista nicio modalitate de a accesa acest obiect și de a-l utiliza cu diferitele metode ale clasei.

Utilizarea metodelor în clasele JavaScript

O metodă este o funcție a unei clase care este utilizată pentru a efectua operațiuni pe obiecte care sunt create din clasă. O metodă bună de adăugat la clasa elevilor este una care generează un raport asupra fiecărui elev.

Exemplu de creare a metodelor de clasă

Mai jos este un exemplu pentru crearea metodelor de clasă în JavaScript.

clasa Student {
constructor (prenume, prenume, startDate) {
this.firstName = prenumele;
this.lastName = prenume;
this.startDate = StartDate;
}
// metoda raportului
raport(){
returnează `$ {this.firstName} $ {this.lastName} a început să participe la această instituție în $ {this.startDate}`
}
}

Clasa de mai sus conține o metodă care va genera un raport despre fiecare elev creat cu Student clasă. Pentru a utiliza raport() metoda va trebui să utilizați un obiect existent al clasei pentru a efectua un simplu apel funcțional.

Datorită exemplului de mai sus „creați un obiect”, ar trebui să aveți un obiect al Student clasă care este atribuită variabilei Ioan. Folosind Ioan, acum puteți apela cu succes raport() metodă.

Exemplu de utilizare a metodelor de clasă

Mai jos este un exemplu de utilizare a metodelor de clasă în JavaScript.

// creați un obiect nou
const john = student nou („John”, „Brown”, „2018”);
// apelarea metodei raportului și stocarea rezultatului acestuia într-o variabilă
let result = john.report ();
// imprimarea rezultatului pe consolă
console.log (rezultat);

Codul de mai sus folosește Studenți pentru a produce următoarea ieșire în consolă:

John Brown a început să frecventeze această instituție în 2018

Utilizarea metodelor statice în clasele JavaScript

Metodele statice sunt unice deoarece sunt singurele metode dintr-o clasă JavaScript care pot fi utilizate fără obiect.

Din exemplul de mai sus, nu puteți utiliza raport() metodă fără obiect al clasei. Acest lucru se datorează faptului că raport() metoda se bazează pe atributele unui obiect pentru a produce un rezultat dezirabil. Cu toate acestea, pentru a utiliza o metodă statică, veți avea nevoie doar de numele clasei care stochează metoda.

Crearea unui exemplu de metodă statică

Mai jos este un exemplu de metodă statică pentru JavaScript.

clasa Student {
constructor (prenume, prenume, startDate) {
this.firstName = prenumele;
this.lastName = prenume;
this.startDate = StartDate;
}
// metoda raportului
raport(){
returnează `$ {this.firstName} $ {this.lastName} a început să participe la această instituție în $ {this.startDate}`
}
// metoda statică
static endDate (startDate) {
return startDate + 4;
}
}

Cel mai important lucru de reținut din exemplul de mai sus este că fiecare metodă statică începe cu static cuvânt cheie.

Utilizarea unui exemplu de metodă statică

Mai jos este un exemplu pentru utilizarea unei metode statice în JavaScript.

// apelarea unei metode statice și imprimarea rezultatului acesteia pe consolă
console.log (Student.endDate (2018));

Linia de cod de mai sus folosește Studenți pentru a produce următoarea ieșire în consolă:

2022

Crearea unei clase JavaScript este ușoară

Există mai multe lucruri pe care trebuie să le rețineți dacă doriți să creați o clasă JavaScript și să creați unul sau mai multe obiecte din aceasta:

• O clasă JavaScript trebuie să aibă clasă cuvânt cheie.
• Un constructor JavaScript indică numărul de valori pe care le poate avea un obiect.
• Metodele generale de clasă nu pot fi utilizate fără un obiect.
• Metodele statice pot fi utilizate fără obiect.

The consolă.Buturuga() metoda este utilizată în acest articol pentru a furniza rezultatele utilizării atât a metodelor generale, cât și a celor statice într-o clasă JavaScript. Această metodă este un instrument util pentru orice dezvoltator JavaScript, deoarece ajută la procesul de depanare.

Familiarizați-vă cu console.log () metoda este unul dintre cele mai importante lucruri pe care le puteți face ca dezvoltator JavaScript.

Foaia de cheat JavaScript finală

Obțineți o actualizare rapidă a elementelor JavaScript cu această foaie de trucuri.

Citiți în continuare

Despre autor