Ce este o clasă JavaScript și cum se folosește?

În programarea orientată pe obiecte, o clasă este un șablon de cod-program extensibil pentru crearea obiectelor. clasele pot fi considerate în primul rând ca un zahăr sintactic peste moștenirea existentă bazată pe prototipuri JavaScript. În acest articol, vom intra în profunzimea clasei JavaScript și vom învăța cum să le folosim în următoarea secvență:

• Ce este o clasă JavaScript?
• Cum se folosește JavaScript Class?
  • Definiți o clasă
  • Definiți metodele
  • Extinderea unei clase

Ce este o clasă JavaScript?

În JavaScript, o clasă este un tip de funcție și sunt declarate cu cuvântul cheie de clasă. Trebuie să utilizați sintaxa expresiei funcției pentru a inițializa o funcție și sintaxa expresiei clasei pentru a inițializa o clasă.

// Inițializarea unei funcții cu o expresie de funcție const a = funcție () {}

// Inițializarea unei clase cu o expresie de clasă const b = class {}

În JavaScript, în loc să folosim funcția de cuvinte cheie pentru a o iniția, folosim clasa de cuvinte cheie. De asemenea, proprietățile sunt atribuite în interiorul unei metode constructor ().

Cum se folosește o clasă JavaScript?

Codul declarat cu funcţie și clasa returnează ambele o funcție [[Prototip]]. Cu prototipuri, orice funcție poate deveni o instanță de constructor folosind noul cuvânt cheie. De exemplu:

const a = class {} // Inițializați un constructor dintr-o clasă const constructorFromClass = new a () console.log (constructorFromClass)

Ieșire:

ce este awt în java

a {} constructor: class

Acum, există trei moduri diferite de a utiliza clasa în JavaScript. Să intrăm în detaliile fiecărei metode cu un exemplu.

Definiți o clasă

O funcție constructor este inițializată cu un număr de parametri, care este atribuit ca proprietăți ale 'acest' , referindu-se la funcția în sine. Prima literă a identificatorului este scrisă cu majuscule prin convenție.

// Inițializarea unei funcții de funcție constructor angajat (nume, empid) {this.name = nume this.empid = empid}

Acum, dacă traducem acest lucru în sintaxa clasei, veți vedea că structurile sunt foarte asemănătoare.

// Inițializarea unei definiții de clasă angajat de clasă {constructor (nume, empid) {this.name = nume this.empid = empid}}

Putem spune că cuvântul cheie de clasă comunică într-un mod mai simplu. Singura diferență în sintaxa inițializării este utilizarea cuvântului cheie de clasă în loc de funcție. De asemenea, atribuie proprietățile din interiorul unei metode constructor ().

Definiți metodele

O altă practică obișnuită cu funcțiile constructor este de a atribui metode direct la prototip în loc de inițializare. Vom lua un exemplu și vom vedea cum funcționează:

funcția angajat (nume, empid) {this.name = nume this.empid = empid} // Adăugarea unei metode la constructorul angajat.prototype.greet = funcție () {return `$ {this.name} spune salut.`}

Când scrieți același cod cu clasa, acesta este simplificat și metoda este adăugată direct.

cum se inversează un număr întreg în python

angajat de clasă {constructor (nume, empid) {this.name = nume this.empid = empid} // Adăugarea unei metode la constructor greet () {return `$ {this.name} spune salut.`}}

Deși clasele permit o sintaxă mai simplă și mai succintă, uneori este posibil să trebuiască să faceți compromisuri cu claritatea procesului.

Extinderea unei clase

Avantajul funcțiilor și claselor constructorului este că pot fi extinse în noi planuri de obiecte bazate pe părinte. Acest lucru ajută la prevenirea repetării codului pentru obiecte similare, dar care au nevoie de unele caracteristici suplimentare sau mai specifice.

Funcțiile de constructor noi pot fi create de la părinte folosind metoda call (). De exemplu:

// Crearea unui nou constructor din informațiile despre funcția părinte (nume, empid, salariu) {// Constructor de lanț cu apelul employee.call (this, name, empid) this.salary = salariu}

Acum, când scriem același cod folosind clasa, cuvântul cheie super este folosit în locul apelului pentru a accesa funcțiile părinte.

// Crearea unei clase noi din informațiile clasei părinte extinde angajatul {constructor (nume, empid, salariu) {// Constructor de lanț cu super super (nume, empid) // Adăugați o nouă proprietate this.salary = salariu}}

Cursurile vă oferă un mod mai concis de a crea obiect planurile și funcțiile constructorului descriu ceea ce se întâmplă sub capotă într-un mod mai specific.

Cu aceasta, am ajuns la sfârșitul articolului nostru. Sper că ați înțeles cum să folosiți JavaScript Class.

Acum, că știți despre JavaScript Class, consultați de Edureka. Instruirea pentru certificarea dezvoltării web vă va ajuta să învățați cum să creați site-uri web impresionante folosind HTML5, CSS3, Twitter Bootstrap 3, jQuery și API-urile Google și să îl implementați în Amazon Simple Storage Service (S3).

Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii din „Clasa JavaScript” și vă vom răspunde.