Hva er en JavaScript-klasse og hvordan bruker jeg den?

I objektorientert programmering er en klasse en utvidbar programkodemal for å lage objekter. klasser kan primært betraktes som et syntaktisk sukker over JavaScript's eksisterende prototypebaserte arv. I denne artikkelen vil vi komme i dybden på JavaScript-klassen og lære hvordan du bruker dem i følgende sekvens:

• Hva er en JavaScript-klasse?
• Hvordan bruke JavaScript-klasse?
  • Definer en klasse
  • Definer metoder
  • Utvide en klasse

Hva er en JavaScript-klasse?

I JavaScript er en klasse en type funksjon og deklareres med klassens nøkkelord. Du må bruke funksjonsuttrykkssyntaks for å initialisere en funksjon og klasseuttrykkssyntaks for å initialisere en klasse.

// Initialisere en funksjon med et funksjonsuttrykk const a = funksjon () {}

// Initialisere en klasse med et klasseuttrykk const b = class {}

I JavaScript bruker vi nøkkelordklassen i stedet for å bruke søkeordfunksjonen til å starte den. Egenskapene tildeles også i en konstruktør () -metode.

Hvordan bruke en JavaScript-klasse?

Koden erklært med funksjon og klasse returnerer begge en funksjon [[Prototype]]. Med prototyper kan enhver funksjon bli en konstruktørforekomst ved hjelp av det nye nøkkelordet. For eksempel:

const a = class {} // Initialiser en constructor fra en class const constructorFromClass = new a () console.log (constructorFromClass)

Produksjon:

en {} konstruktør: klasse

Nå er det tre forskjellige måter å bruke klasse i JavaScript på. La oss gå inn i detaljene for hver metode med et eksempel.

Definer en klasse

En konstruktorfunksjon initialiseres med et antall parametere, som er tildelt som egenskaper for 'dette' , med henvisning til selve funksjonen. Den første bokstaven i identifikatoren er stort etter konvensjon.

// Initialisere en ansatt av en konstruksjonsfunksjon (navn, empid) {this.name = name this.empid = empid}

Nå, hvis vi oversetter dette til klassesyntaksen, vil du se at strukturene er veldig like.

// Initialisere en klassedefinisjon klassemedarbeider {constructor (name, empid) {this.name = name this.empid = empid}}

Vi kan si at klassens søkeord kommuniserer på en mer enkel måte. Den eneste forskjellen i syntaksen til initialiseringen er å bruke klassens nøkkelord i stedet for funksjon. Det tildeler også egenskapene i en konstruktør () -metode.

Definer metoder

En annen vanlig praksis med konstruktorfunksjoner er å tildele metoder direkte til prototypen i stedet for i initialiseringen. Vi tar et eksempel og ser hvordan det fungerer:

funksjonsmedarbeider (navn, empid) {this.name = name this.empid = empid} // Legge til en metode til konstruktøren medarbeider.prototype.greet = funksjon () {return `$ {this.name} sier hei.`}

Når du skriver den samme koden med klasse, forenkles den og metoden legges til direkte.

klassemedarbeider {constructor (name, empid) {this.name = name this.empid = empid} // Legge til en metode i konstruktørhilsen () {return `$ {this.name} sier hei.`}}

Selv om klasser tillater en mer enkel og kortfattet syntaks, kan det hende at du må gå på akkord med klarheten i prosessen.

Utvide en klasse

Fordelen med konstruktorfunksjoner og klasser er at de kan utvides til nye objekttegninger basert på foreldrene. Dette hjelper til med å forhindre repetisjon av kode for objekter som er like, men trenger noen ekstra eller mer spesifikke funksjoner.

Nye konstruktorfunksjoner kan opprettes fra foreldrene ved å bruke metoden call (). For eksempel:

// Opprette en ny konstruktør fra foreldrefunksjonens info (navn, empid, lønn) {// Chain constructor with call employee.call (this, name, empid) this.salary = lønn}

Nå, når vi skriver den samme koden ved hjelp av klasse, brukes supernøkkelordet i stedet for å ringe for å få tilgang til foreldrefunksjonene.

salesforce utviklerveiledning for nybegynnere pdf

// Å lage en ny klasse fra foreldreklassens info utvider ansatt {constructor (navn, empid, lønn) {// Chain constructor med super super (name, empid) // Legg til en ny eiendom this.salary = lønn}}

Klassene gir deg en mer kortfattet måte å skape på gjenstand tegninger og konstruktorfunksjoner beskriver det som skjer under panseret på en mer spesifikk måte.

Med dette har vi kommet til slutten av artikkelen vår. Jeg håper du forsto hvordan du bruker JavaScript-klasse.

Nå som du vet om JavaScript-klasse, sjekk ut av Edureka. Webutvikling sertifiseringstrening hjelper deg med å lære hvordan du lager imponerende nettsteder ved hjelp av HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google APIer og distribuerer det til Amazon Simple Storage Service (S3).

Har du spørsmål til oss? Vennligst nevn det i kommentarfeltet i “JavaScript-klasse”, så kommer vi tilbake til deg.