Funksjoner i JavaScript | Forklart for nybegynnere
Hvis du er en nybegynner i JavaScript, ikke bekymre deg som i dette innlegget, vil vi holde hånden din og gå deg trinn for trinn for å få deg til å mestre funksjoner i JavaScript.
Hva er en funksjon
En funksjon er en samling av uttalelser eller kommandoer pakket inn i en blokk, oppbevart og vedlikeholdt separat fra hovedprogrammet for å utføre en spesifikk oppgave. Funksjoner er veldig nyttige ettersom en utvikler kan gjenbruke den koden igjen og igjen uten å måtte skrive hele koden igjen.
Nå som vi vet hva en funksjon er, la oss gå gjennom Syntaks av en funksjon:
funksjonsfunksjonsnavn (argumenter)// Noen utsagn eller kode
komme tilbake;
En funksjon er deklarert med nøkkelordet funksjon etterfulgt av navnet på funksjonen som skal være unik, og det er en god praksis å følge Camelcase Naming Convention; Det første ordet vil være i små bokstaver og ordene etter det skal ha den første bokstaven kapitalisert e.g myfunctionname. Rett etter at navnet kommer parentesen () Hvor parametere mottas. Vi skriver funksjonskoden i de krøllete parentesene som kommer etter parentesen (). Det skal imidlertid bemerkes at når du jobber med klasser i JavaScript, er funksjoner definert uten nøkkelordet funksjon.
Vi åpner og lukker funksjonen med krøllete parenteser , og all koden går inn i disse krøllete parentesene. Funksjonen tar innspill som et argument og returnerer utgangen via nøkkelordet komme tilbake. Som standard returnerer en funksjon i JavaScript udefinert Hvis det ikke er noe å komme tilbake.
Erklære og ringe funksjon
La oss erklære en riktig funksjon som vil vise et varsel om Hallo!
funksjon myfunc ()Varsel ("Hei!")
Nå som vi har erklært funksjonene med navnet på myfunc La oss kalle funksjonen som kan gjøres ved å skrive navnet på funksjonen etterfulgt av ():
funksjon myfunc ()Varsel ("Hei!")
// samtalefunksjon
myFunc ();
Vi vil se følgende utdata i nettleseren vår:
Eksempel 1
Nå som vi vet hvordan vi skal erklære og kalle en funksjon, la oss leke med funksjonene til funksjonen. I dette eksemplet vil vi gi to argumenter til funksjonen og vise summen:
funksjon myfunc (num1, num2)konsoll.logg (num1+num2);
// samtalefunksjon
myfunc (2,3); // 5
myfunc (5,5); // 10
I koden ovenfor erklærte vi en funksjon og den respektive funksjonen mottar to paramter. Deretter trøser vi loggen ved å legge til begge tallene. Utenfor funksjonen påkalte vi myfunc to ganger ved å gi forskjellige argumenter. Resultatet av utgangen er gitt nedenfor:
Eksempel 2
I dette eksemplet vil vi endre ovennevnte kode litt ved å gi standardverdier til parametrene som betyr hvis det ikke ble gitt noen verdi når funksjonen ble påkalt, vil standardverdien bli behandlet. Vi vil også returnere summen i dette eksemplet:
funksjon myfunc (num1 = 1, num2 = 1)return num1+num2;
// samtalefunksjon
var sum = myfunc ();
konsoll.logg (sum); // 2
Den returnerte verdien lagres i den variable summen, og vi konsolerer verdien av sumvariabelen. Ettersom vi ikke ga noen verdier når vi påkalte myfunc Funksjon derav funksjonen vil behandle standardverdiene som var 1 og 1 hvis sum vil være 2:
Konklusjon
En funksjon er et sett med utsagn satt sammen under et spesifikt navn i krøllete seler som utføres når vi kaller funksjonsnavnet med runde parenteser. En funksjon kan ta flere argumenter som input og returnere en utgang. En funksjon hjelper med å gjenbruke den samme koden så godt som den forbedrer feilsøking og får koden vår til å se ren ved å hjelpe oss med å implementere begrepet modularitet (en spesifikk oppgave er inne i en blokk).
I dette innlegget beskrev vi først hva en funksjon er og hva syntaks er. Så erklærte vi og kalte funksjonen. Etter det ga vi eksempler for å forstå funksjonsbegrepet i JavaScript fullt ut.