Funksjoner
Gjenbrukbar kode: parametere, returverdier og pilfunksjoner.
Kopierer du den samme linjen tre steder, trenger du en funksjon. Funksjoner er oppskrifter: én gang skrevet, mange ganger brukt — med små variasjoner inn.
En enkel funksjon
En funksjon har et navn, kan ta imot parametere (verdier inn) og kan gi tilbake en returverdi (verdi ut). Les denne linje for linje:
function hils(navn) { return "Hei, " + navn + "!";} console.log(hils("Sofie")); // Hei, Sofie!console.log(hils("Omar")); // Hei, Omar!navn inni parentesene er en parameter — en plassholder som får en ny verdi for hvert kall. return sender resultatet tilbake til den som kalte funksjonen. Uten return gir funksjonen ingen verdi tilbake.
Prøv selv
Inn, ut eller begge?
I `function hils(navn)` — hva er `navn`, og hva er «Hei, Sofie!»?
Det finnes ikke feil her — trykk på alle tre hvis du vil.
Malstrenger og pilfunksjoner
Å lime strenger sammen med + virker, men blir fort rotete. En malstreng (omgitt av backtick-tegnet `) setter variabler rett inn i teksten. Og du vil se funksjoner skrevet med pil — det er bare en kortere skrivemåte:
const hils = (navn) => `Hei, ${navn}!`; console.log(hils("Sofie"));Tips
Gjenkjenn begge skrivemåter
Ekte kode bruker både function og piler, så du trenger begge. I dette kurset bruker vi mest den vanlige formen, og peker på pilvarianten når den dukker opp.
Du kan nå
- skrive en funksjon med
functionog kalle den - bruke parametere og
return - sette variabler inn i tekst med malstrenger
- lese en pilfunksjon og vite at det er det samme