Funksjonsparametere og argumenter i JavaScript

I JavaScript brukes ofte begrepene parametere og argumenter for en funksjon om hverandre, selv om det eksisterer en betydelig forskjell mellom dem. Når vi definerer en funksjon, Funksjonsparametere er inkludert. Du kan også spesifisere en variabel liste mens du erklærer en funksjon, og disse variablene er kjent som funksjonsparametere. Imidlertid, når vi påkaller eller kaller den opprettede funksjonen ved å passere noen verdier, kalles disse verdiene "funksjonsargumenter”.

Denne oppskrivningen vil diskutere funksjonsparametere og argumenter i JavaScript. Videre vil vi også snakke om funksjonsparametere reglene i JavaScript, legge til funksjonsparametere, uovertruffen funksjonsparametere, standardfunksjonsparametere, argumentobjekt, pass etter verdi og pass ved referanse, ved hjelp av eksempler. Så la oss starte!

Funksjonsparametere i JavaScript

I JavaScript er parametrene variablene vi viser i funksjonserklæringen. Når vi lager en funksjon, tar vi parametere, som er inkludert i funksjonsdefinisjonen. Flere parametere kan legges inn i parenteser, atskilt med komma som vist i den undergitte syntaks:

Funksjonsnavn (parameter1, parameter2, parameter3)
// Body of the Function

Her, “x”Og“y”Er parametere i følgende“Legg til nummer()”Funksjon:

funksjon addNumber (x, y)
returner x+y;

Funksjonsargumenter i JavaScript

Verdien vi overfører til en funksjon er kjent som argumentet for en funksjon. Argumenter blir gitt til funksjonen når vi kaller det. For eksempel i det følgende eksempel, "5”Og“6”Er argumentene som sendes til“Legg til nummer()”Funksjon:

var sum = addnumber (5,6)
konsoll.Logg (sum)

Når vi kaller AddNumber () -funksjonen, vil JavaScript lage to nye variabler, "x”Og“y,”I henhold til våre definerte parametere og initialiserer dem deretter ved å bruke argumentene. Etter å ha gjort det, vil funksjonen til funksjonen bli utført:

Funksjonsparameterregler i JavaScript

Her er noen av reglene som er definert for parametere i JavaScript:

• Du kan definere et hvilket som helst antall parametere for din JavaScript -funksjon, og antallet argumenter som er lagt.
• Du kan også definere standardparameterverdier mens du erklærer funksjoner.
• Parametere blir evaluert i JavaScript fra venstre til høyre.

Legge til funksjonsparametere i JavaScript

Du kan legge til flere parametere i JavaScript -funksjonen din i henhold til dine krav. For eksempel vil vi lage en "FirstFunc ()”Funksjon som vil ha null parametere og returnere en streng”Dette er Linuxhint.com”:

// 0 parametere
funksjon firstFunc ()
returner "dette er linuxhint.com ";

Den andre funksjonen vi vil lage er “SecondFunc ()”. Det vil ta en parameter, “Navn”Og etter å ha ringt denne funksjonen, vil en streng bli returnert som består av bestått“Navn”Argument:

// 1 parameter
funksjon SecondFunc (navn)
Returner "hei" + navn;

Deretter vil vi lage den tredje funksjonen som heter “Legg til nummer()”. AddNumber () -funksjonen vil ta to antall argumenter som er gitt i “x”Og“y”Parametere, og det vil returnere summen deres:

// 2 parametere
funksjon addNumber (x, y)
returner x + y;

Nå for det første vil vi kalle FirstFunc () -funksjonen. Deretter vil vi passere “John”Som et navn i“SecondFunc ()", og til slutt, "2”Og“3”Sendes som argumenter til AddNumber () -funksjonen:

konsoll.Log (FirstFunc ());
konsoll.Log (SecondFunc ("John"));
konsoll.logg (addnumber (2,3));

Nå, ta en titt på utgangen fra den opprettede funksjonen:

Uovertruffen funksjonsparametere i JavaScript

JavaScript -funksjonen vil ikke kaste noen feil når argumentene du har bestått er større eller mindre enn antall parametere.

For eksempel har vi laget en "Legg til nummer()”Funksjon som har to parametere,”x”Og“y”:

funksjon addNumber (x, y)
returner x + y;

Når vi kaller "Legg til nummer()”JavaScript fungerer uten å gi noen argumenter, det vil ikke kaste noen feil. Imidlertid vil det initialisere de ekstra parametrene som "udefinert”.

I det andre tilfellet, hvis antall argumenter overstiger antall parametere, vil JavaScript -tolken ignorere de gjenværende argumentene.

I en situasjon, når det ikke blir vedtatt noe argument, begge "x”Og“y”Parametere vil bli initialisert som“udefinert”:

konsoll.logg (addnumber ());

Når du passerer et enkelt argument, vil det bli sendt til "x”Parameter, og“y”Vil bli initialisert som“udefinert”:

konsoll.logg (addnumber (10));

Nå, når vi passerer tre verdier som argumenter, “x”Og“y”Vil bli initialisert med de to første verdiene, og det tredje argumentet vil bli ignorert:

konsoll.logg (addnumber (10,20,30));

Følgende bilde vil vise deg koden og utdataene relatert til de ovennevnte tilfellene:

Standardfunksjonsparametere i JavaScript

JavaScript tillater deg også å konfigurere funksjonsparametrene med standardverdiene. Disse verdiene legges til i funksjonserklæring ved bruk av tildelingsoperatøren “=”.

For eksempel i det undergitte "Legg til nummer()”Funksjon, har vi tildelt”0”Til begge våre“x”Og“y”Variabler. Nå vil disse variablene bli initialisert til null hvis vi ikke gir noe argument mens vi kaller “Legg til nummer()”Funksjon:

funksjon addnumber (x = 0, y = 0)
returner x + y;

Argumentobjekt i JavaScript

En annen metode eksisterer for å få tilgang til argumentene i vår funksjon, som er "Argumenterobjekt”. Argumenterobjektet omfatter argumentverdiene i et objekt med en mekanisme som ligner på matriser.

La oss hjelpe deg med å forstå dette konseptet med et eksempel.

Eksempel: Bruke argumentobjekt i JavaScript

I det undergitte “sum()”Funksjon, har vi erklært tre parametere: x, y og z. Vi kan få tilgang til verdiene til de passerte argumentene ved å bruke “argumenter”Array, for eksempel for å få tilgang til“x”Argumentverdi, vi vil bruke“0”Element i argumenter -matrisen”Argumenter [0]”.

Nå, utfør den undergitte koden og sjekk ut resultatet av summen () -funksjonen og de tilgjengelige argumenters arrayelementer:

funksjonssum (x, y, z)
konsoll.logg (argumenter [0]);
konsoll.logg (argumenter [1]);
konsoll.logg (argumenter [2]);
returner x+y+z;

sum (4, 5, 6);

Pass på verdi og pass etter referanse i JavaScript

Referansetyper og verdyypene er de to JavaScript -typene. Antall, symbol, streng, boolsk, null, udefinert, bigint er alle verdistyper, og resten av typene kommer under referansetyper.

I JavaScript sendes verdyyper ved hjelp av “verdier”. I det følgende eksempel har vi for eksempel opprettet en "x”Variabel å ha“2”Verdi:

x = 2

Vi vil passere “x”Variabel til“SomeFunc ()”Funksjon. På tidspunktet for å ringe "SomeFunc ()”, En ny“y”Variabel vil bli opprettet, som er spesifisert som en parameter. Variabelen “y”Vil kopiere verdiene som er gitt av argumentet”x”. Nå, uansett endringer vi vil gjøre til "y"Variabel verdi, det vil ikke påvirke verdien av variabelen"x”:

funksjon noen Func (y)
y = 4
konsoll.Logg (y)

Somefunc (x)
konsoll.logg (x)

Utfør av den ovennevnte koden vil vise deg følgende utdata:

La oss nå gå til Pass-by-Reference Concept. For dette formålet vil vi for det første lage en "ansatt”Objekt, som et objekt, regnes som en referansetype:

La ansatt =
FirstName: 'John',
LastName: 'Smith'
;

Når vi kaller “DoSomething (ansatt)”Funksjon, en ny variabel”obj”Vil bli opprettet, som vil få innholdet fra“ansatt”Objekt. Både "ansatt”Og“obj”Variabler refererer til det samme objektet. Imidlertid, i et slikt tilfelle, når du gjør noen endringer i "obj”, Vil det også påvirke”ansatt”, Som begge peker eller refererer til det samme objektet:

funksjon dosomething (obj)
obj.FirstName = 'Peter';

DoSomething (ansatt);
konsoll.Logg (ansatt.fornavn);

Fra utgangen kan du se at "fornavn”Endres til“Peter”:

Konklusjon

I JavaScript er parametere og argumenter de to begrepene knyttet til funksjonen. Funksjonsparametere er variablene som er spesifisert i funksjonsdefinisjonen, og funksjonsargumenter er verdiene som er gitt som argumenter. Denne oppskrivningen diskuterte funksjonsparametere og argumenter i JavaScript. Vi har også snakket om funksjonsparametere reglene i JavaScript, legge til funksjonsparametere, uovertruffen funksjonsparametere, standardfunksjonsparametere, argumentobjekt, pass etter verdi og pass ved referanse, ved hjelp av eksempler.