Påkalle en funksjon som en metode i JavaScript

I JavaScript kan funksjoner kalles på en rekke måter. Denne uttalelsen kan virke uvanlig for deg hvis du er en JavaScript -nybegynner, og du kan tenke hvordan en funksjon kan kalles på flere måter? Ikke kaller vi det bare? Vel, kjære lesere, det finnes fire forskjellige måter å kalle en funksjon i JavaScript, og i denne oppskrivningen vil vi spesifikt snakke om påkalle funksjon som en metode i JavaScript.

Før for det første hopper du mot prosedyren for å påkalle funksjon som en metode i JavaScript. Etter denne tilnærmingen kan du enkelt finne forskjellen mellom den nevnte funksjonsanropspraksis. Så la oss starte!

Påkalle funksjon som en funksjon i JavaScript

I JavaScript blir de fleste funksjonene påkalt eller kalt “Som en funksjon”. For å vise deg hvordan du kan påkalle en JavaScript -funksjon som en funksjon, vil vi lage en “MultiplyFunc ()” som vil ha to parametere, “X” og “Y”. I funksjonskroppen vil vi multiplisere verdiene som er lagret i parametrene:

funksjon multiplyFunc (x, y)
returner x * y;

Nå for å påkalle “MUTLIPLYFUNC ()” Som en funksjon vil vi utføre den undergitte linjen og passere “2” og “6” som funksjonsargumenter:

multiplyFunc (2, 6);

Utgangen fra den ovennevnte koden er vist nedenfor:

Fordi HTML -siden er standard globalt objekt, “MultiplyFunc ()” Funksjonen tilhører HTML -siden. Nettleservinduet er sideobjektet i en nettleser. Så funksjonen “MultiplyFunc ()” blir automatisk konvertert til en vindusfunksjon.

Den tidligere gitt MultiplyFunc () -funksjon og vindu.multiplefunc () vil vise deg den samme utgangen:

funksjon multiplyFunc (x, y)
returner x * y;

vindu.multiplyFunc (2, 6);

Som du kan se det etter å ha ringt vindu.MultiplyFunc () og passering “2” og “6” Som argumenter har funksjonen kommet tilbake “12” som utgang:

Påkalle funksjon som metode i JavaScript

I JavaScript må en funksjon spesifiseres som en objektegenskap for å påkalle den som en metode. I et slikt tilfelle omfatter en JavaScript -funksjon to parametere: a "funksjon" som tilhører et spesifikt objekt og en "dette" parameter som eier JavaScript -programmet; I denne situasjonen vil den imidlertid lagre det deklarerte objektet.

I det undergitte eksemplet har vi opprettet en "ansatt" objekt som har to egenskaper, "fornavn" og "etternavn", og a "Fullt navn" Objektmetode. De "Fullt navn" metoden tilhører "ansatt" objekt og er en funksjon:

const ansatt =
FirstName: "Jack",
LastName: "Smith",
fullname: funksjon ()
Returner dette.FirstName + "" + dette.etternavn;

Nå, for å påkalle "fullt navn()" Som en metode vil vi utføre følgende kode:

ansatt.fullt navn();

De fullname () -metode vil returnere førstenavnet og etternavnet til "ansatt" Objekt, som ble spesifisert i funksjonskroppen:

Nå vil vi endre funksjonskroppen til “Returner dette” slik at det gir eierobjektet:

const ansatt =
FirstName: "Jack",
LastName: "Smith",
fullname: funksjon ()
returner dette;

Påkalle fullt navn() funksjon som en "ansatt" Objektmetode på følgende måte:

ansatt.fullt navn();

Utgangen vil gi deg beskjed om ansattes objektegenskaper som for eksempel fornavn Etternavn, og deres verdier. Merk at for fullnavn objektegenskapsverdi, “F” returneres, noe som indikerer at fullnavn er en funksjon:

Konklusjon

Ved å lage en funksjon som en objektegenskap, kan vi påkalle en funksjon som en metode i JavaScript. Når du definerer en JavaScript -funksjon som egenskapen til et objekt, omfatter den to parametere: en funksjon som tilhører et spesifikt objekt og denne parameteren som vil lagre det deklarerte objektet. Denne oppskrivningen diskuterte påkallefunksjonen som en metode i JavaScript. Dessuten demonstreres også forskjellen mellom å påkalle funksjon som en normal funksjon og påkalle funksjon som en metode ved hjelp av eksempler.