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ă.

---

---

Windows 10 100 sistem de utilizare a discului

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


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ă.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
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.

Related: 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.

//create a new object
const john = new Student('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 o dată 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 folosi 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ții 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.

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


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 creare a unui obiect de mai sus, ar trebui să aveți un obiect din Student clasă care este atribuită variabilei Ioan . Folosind Ioan , acum puteți apela cu succes la raport() metodă.

Exemplu de utilizare a metodelor de clasă

Mai jos este un exemplu de utilizare a metodelor de clasă în 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);


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

John Brown started attending this institution in 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.

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


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.

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


Linia de cod de mai sus folosește Elevi 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 amintiț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 tot 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.

Acțiune Acțiune Tweet E-mail Foaia de cheat JavaScript finală

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

Citiți în continuare Subiecte asemănătoare

• Programare
• Programare
• JavaScript
• Sfaturi de codare
• Tutoriale de codare

Despre autor Kadeisha Kean(21 articole publicate)

Kadeisha Kean este un dezvoltator de software complet și scriitor tehnic / tehnologic. Are capacitatea distinctă de a simplifica unele dintre cele mai complexe concepte tehnologice; producând materiale care pot fi înțelese cu ușurință de orice novice în tehnologie. Este pasionată de scriere, dezvoltarea de software-uri interesante și călătoria prin lume (prin documentare).

Mai multe de la Kadeisha Kean

Aboneaza-te la newsletter-ul nostru

Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!

Faceți clic aici pentru a vă abona