Klasser i JavaScript | Forklart for nybegynnere

Klasser i JavaScript | Forklart for nybegynnere
Klasser på et programmeringsspråk er en funksjon som tilhører den tradisjonelle objektorienterte tilnærmingen og i JavaScript har den noen av de samme funksjonene. Klasse i programmering er en struktur for å lage objekter

Klassene ble lagt til i 2015 med utgivelsen av ES6 -versjonen av JavaScript. Klasser er kartleggingen for reelle objekter i programmeringsspråkobjekter.

Hvorfor lage en klasse

Veldig presist, for å spare tid og for å unngå redundans, er dette de viktigste grunnene til at klasser brukes i JavaScript. For eksempel, hvis du vil lage objekter av 50 personer som har nesten de samme egenskapene: fornavn, etternavn og alder; Du må skrive strukturen til 50 forskjellige objekter. Men med bruksklassene kan du opprette en enkelt mal og kartlegge uendelige objekter på den samme malen.

Videre, med henvisning til den objektorienterte tilnærmingen, brukes klasser til å implementere modularitetsbegrepet i et prosjekt, og også for å implementere utviklingsprosesser som den trinnvise utviklingsprosessen enkelt.

Hvordan definere en klasse

For å definere en klasse, bruker du det reserverte nøkkelordet "klasse" og så navnet på klassen og krøllparanteser etter identifikatoren. Dataene fra klassen er skrevet inne i krøllete parenteser.

Et enkelt eksempel på Person Klassen vil være som:

klasseperson
// Data fra klassen - Konstruktør, variabler og metoder

Hvordan jobbe med en JavaScript -klasse

For å jobbe med en klasse, må den ha noen egenskaper til objektet og en konstruktørmetode. For å demonstrere arbeidet med klasser og gjenstander vil vi lage en klasse for mennesker med identifikatoren "Person". For å lage en klasse person kan du derfor bruke følgende kodelinjer:

klasseperson
// senere kode kommer inn her, inne i klassen

Klassevariabler er variabler som er kjent som egenskapene til objektene. Disse variablene kan også være variabler som kreves for en viss klassemetode.

For personklassen, for å lage klassevariablene: fornavn, etternavn, alder, og jobb, Følgende kode inne i de krøllete parentesene i klassen vil bli brukt:

fornavn;
etternavn;
alder;
jobb;

Konstruktøren metode utføres automatisk når et nytt objekt opprettes, konstruktørmetoden brukes til å initialisere alle variablene og metodene i klassen. Konstruktørmetoden er obligatorisk for en klasse å jobbe, men det er valgfritt for utvikleren å lage en konstruktørmetode fordi JavaScript vil lage en tom konstruktørmetode for klassene uten konstruktør.

Konstruktørmetoden opprettes ved å bruke den reserverte nøkkelordkonstruktøren og ved å sette rundt parentes foran den. Innenfor disse parentesene kan du definere argumentene som kreves for at et objekt skal kartlegges på denne klassen og til og med bruke standardparametere.

Å lage en konstruktør for Person Klasse Følgende kode vil bli brukt til å tilordne verdiene til objektets egenskaper.

konstruktør (firstName = "John", lastName = "doe", alder = 20, jobb = "Freelancer")
dette.FirstName = FirstName;
dette.lastName = lastName;
dette.alder = alder;
dette.jobb = jobb;

Som du kan se i koden ovenfor, bruker vi standardparametere for å unngå et tomt argument.

Klassemetoder er normale funksjoner som er tilgjengelig ved å bruke prikkoperatør “.” Med identifikatoren til objektet, men i motsetning til normale funksjoner, er nøkkelordet "funksjon" brukes ikke til å definere en klassemetode; Snarere skriver du navnet på metoden og legger runde parenteser foran den og skriver JavaScript -koden til metoden vedlagt i krøllparanteser .

Du skal lage en metode som vil skrive ut detaljene til personobjektet ved å bruke følgende kodelinjer:

printDetails ()
konsoll.Logg ("Navn:" + dette.FirstName + "" + dette.etternavn);
konsoll.Logg ("Alder:" + dette.alder);
konsoll.logg ("jobb:" + dette.jobb);

Du har en grunnleggende klasse av personer fullført, den komplette koden til denne klassen er som:

Klassperson
fornavn;
etternavn;
alder;
jobb;
konstruktør (
FirstName = "John",
lastname = "doe",
Alder = 20,
Job = "Freelancer"
)
dette.FirstName = FirstName;
dette.lastName = lastName;
dette.alder = alder;
dette.jobb = jobb;

printDetails ()
konsoll.Logg ("Navn:" + dette.FirstName + "" + dette.etternavn);
konsoll.Logg ("Alder:" + dette.alder);
konsoll.logg ("jobb:" + dette.jobb);

Kartlegge og bruke objekter mot klasser

Nå må du kartlegge objekter til denne klassen. For det skal du opprette et objekt P1 og sett den lik personklassens konstruktør med nøkkelen "ny". Du kan til og med lage flere objekter og gi dem hvilke navn du vil ha. Dette vil kartlegge objektvariabelen vår til klassepersonen. Vi kan lage uendelige mengder objekter mot denne klassepersonen.

P1 = ny person ("William", "Mark", 35, "Writer");
P2 = ny person ("Henry", "Clark", 22, "revisor");

For å få tilgang til printDetails () metode for begge objektet vi bare må bruke Dot-Operator som:

P1.printDetails ();
P2.printDetails ();

Etter å ha utført hele koden, vil du se denne utgangen på konsollen:

Som du kan se i utdraget over, skrev vi ut detaljene om to forskjellige objekter med de samme egenskapene, men forskjellige verdier.

Konklusjon

Klasser i JavaScript brukes til å definere en kartlegging for objektene som har de samme egenskapene og funksjonene. Disse klassene kalles også implementering av modularitet ved bruk av den objektorienterte tilnærmingen. Vi lærte hvilke klasser som er, hvordan de skal definere dem, hvordan man jobber med dem og hvordan du bruker dem til å lage objekter sammen med eksempler.