Što je JavaScript klasa i kako ga koristiti?



Klasa je proširivi program-kod-predložak za stvaranje objekata. Javascript klasa je vrsta funkcije i deklarira se ključnom riječi class.

U objektno orijentiranom programiranju klasa je proširivi programski kod-predložak za stvaranje objekata. klase se prvenstveno mogu smatrati sintaksičkim šećerom nad postojećim JavaScript nasljeđivanjem temeljenim na prototipu. U ovom ćemo članku ući u dubinu klase JavaScript i naučiti kako ih koristiti u sljedećem slijedu:

Što je JavaScript klasa?

U JavaScriptu je klasa vrsta funkcije i deklarira se ključnom riječi class. Morate koristiti sintaksu izraza funkcije za inicijalizaciju funkcije i sintaksu izraza klase za inicijalizaciju klase.





// Inicijalizacija funkcije s izrazom funkcije const a = function () {}
// Inicijalizacija klase s izrazom klase const b = class {}

U JavaScriptu, umjesto da koristimo funkciju ključne riječi za njezino pokretanje, koristimo klasu ključne riječi. Također, svojstva se dodjeljuju unutar metode konstruktor ().

Kako koristiti JavaScript klasu?

Kôd deklariran s funkcija i klasa vraćaju funkciju [[Prototype]]. S prototipovima, bilo koja funkcija može postati instanca konstruktora pomoću nove ključne riječi. Na primjer:



const a = class {} // Inicijalizirajte konstruktor iz klase const constructorFromClass = new a () console.log (constructorFromClass)

Izlaz:

SQL vodič za poslužitelje za početnike
konstruktor {}: klasa

Postoje tri različita načina korištenja klase u JavaScript-u. Uđimo u detalje svake metode s primjerom.

Definirajte razred

Funkcija konstruktora inicijalizira se s nizom parametara, koji se dodjeljuje kao svojstva 'ovaj' , pozivajući se na samu funkciju. Prvo slovo identifikatora zapisuje se velikim slovom.



// Inicijalizacija konstruktora funkcije funkcije zaposlenika (ime, empid) {this.name = ime this.empid = empid}

Ako ovo prevedemo u sintaksu razreda, vidjet ćete da su strukture vrlo slične.

// Inicijalizacija zaposlenika klase definicije klase {konstruktor (ime, empid) {this.name = ime this.empid = empid}}

Možemo reći da ključna riječ class komunicira na jednostavniji način. Jedina razlika u sintaksi inicijalizacije je korištenje ključne riječi class umjesto funkcije. Također, dodjeljuje svojstva unutar metode konstruktor ().

Definirajte metode

Druga uobičajena praksa kod konstruktorskih funkcija je dodjeljivanje metode izravno na prototip umjesto u inicijalizaciji. Uzet ćemo primjer i vidjeti kako to funkcionira:

function worker (name, empid) {this.name = name this.empid = empid} // Dodavanje metode konstruktoru worker.prototype.greet = function () {return `$ {this.name} pozdravlja.`}

Kada isti kôd pišete s klasom, on je pojednostavljen i metoda se dodaje izravno.

prosljeđivanje vrijednosti vs prolazak referencom java
zaposlenik u klasi {konstruktor (ime, empid) {this.name = ime this.empid = empid} // Dodavanje metode u konstruktor greet () {return `$ {this.name} pozdravlja.`}}

Iako klase omogućuju jednostavniju i sažetiju sintaksu, ponekad ćete možda morati kompromitirati s jasnoćom u procesu.

Proširenje razreda

Prednost konstruktorskih funkcija i klasa je u tome što se mogu proširiti u nove nacrte objekata temeljene na roditelju. To pomaže u sprječavanju ponavljanja koda za objekte koji su slični, ali trebaju neke dodatne ili specifičnije značajke.

Nove funkcije konstruktora mogu se stvoriti od roditelja pomoću metode call (). Na primjer:

// Stvaranje novog konstruktora od podataka o nadređenoj funkciji (ime, ispražnjeno, plaća) {// Konstruktor lanca s pozivom worker.call (this, name, empid) this.salary = pay}

Sada, kada isti kôd pišemo pomoću klase, umjesto ključne riječi super riječ koristi se za pristup roditeljskim funkcijama.

// Stvaranje nove klase od podataka o roditeljskoj klasi produžuje zaposlenika {konstruktor (ime, empid, plaća) {// Lančani konstruktor sa super super (ime, empid) // Dodaj novo svojstvo this.salary = pay}}

Predavanja vam pružaju sažetiji način stvaranja objekt nacrti i funkcije konstruktora na specifičniji način opisuju ono što se događa ispod haube.

Ovime smo došli do kraja našeg članka. Nadam se da ste razumjeli kako se koristi JavaScript klasa.

Sad kad znate za JavaScript klasu, pogledajte od Edureke. Obuka za certificiranje web razvoja pomoći će vam naučiti kako stvoriti impresivne web stranice pomoću HTML5, CSS3, Twitter Bootstrap 3, jQuery i Google API-ja i rasporediti ih na Amazon Simple Storage Service (S3).

Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare 'JavaScript klase', a mi ćemo vam se javiti.