Du skriver et tall i koden din, og litt senere trenger du det samme tallet igjen. Skal du skrive det på nytt? Hva om det endrer seg? Her kommer variabler inn. En variabel lar deg lagre en verdi, gi den et navn, og bruke den hvor som helst i programmet. Forståelsen av variabler i JavaScript er det første steget mot å skrive kode som faktisk gjør noe nyttig.
Hva er en variabel?
Tenk på en variabel som en boks med en etikett. Boksen inneholder en verdi, og etiketten er navnet du bruker for å hente den verdien senere. Verdien kan være et tall, en tekst, eller noe helt annet. Og du kan bytte ut innholdet i boksen når du vil.
Slik lager du en variabel:
let navn = "Ola"
Her forteller let at du erklærer en ny variabel. navn er etiketten. "Ola" er verdien. Liktegnet overfører verdien fra høyre side til variabelen på venstre side.
Tre måter å erklære variabler JavaScript
JavaScript har tre nøkkelord for å lage variabler: var, let og const.
var er den opprinnelige måten. Den har vært med siden JavaScript ble laget på 90-tallet. Du kan fortsatt bruke den, men den har noen uventede oppførsler knyttet til det som kalles scope (rekkevidden til variabelen). Moderne JavaScript bruker sjelden var.
let ble introdusert i 2015 og har stort sett erstattet var. Den fungerer på samme måte, men med bedre kontroll over hvor variabelen er tilgjengelig i koden. Bruk let når du har en verdi som kan endre seg.
const lager en variabel som ikke kan tilordnes en ny verdi. Prøver du å endre den, får du en feilmelding i konsolen: "TypeError: Assignment to constant variable." Bruk const for verdier som skal forbli de samme gjennom hele programmet, for eksempel en mva-sats eller et API-nøkkel-prefiks.
Tommelregelen er enkel: bruk const som standard. Bruk let bare når du vet at verdien skal endres. Ikke bruk var i ny kode.
Datatyper du må kjenne
Variabelen i seg selv bryr seg ikke om hva den inneholder. JavaScript er det som kalles et dynamisk typet språk, noe som betyr at samme variabel kan inneholde et tall nå og en tekst senere. Men du trenger likevel å vite hvilke datatyper som finnes.
Number er tall, både heltall og desimaltall. 42 og 3.14 er begge av typen number.
String er tekst. Alt som står i anførselstegn blir en streng, selv om innholdet er et tall. "42" er en streng, ikke et tall. Denne forskjellen skaper en klassisk nybegynnerfelle: 5 + "10" gir ikke 15, men "510". JavaScript ser at du prøver å legge et tall til en tekst, konverterer tallet til tekst, og setter dem sammen.
Boolean har bare to mulige verdier: true og false. De brukes mye i if-setninger for å styre hva programmet gjør.
Undefined er verdien en variabel får når du erklærer den uten å tilordne en verdi. Null betyr at du bevisst har sagt at variabelen ikke har noen verdi. Forskjellen er subtil, men viktig: undefined betyr "ikke satt ennå", null betyr "tom med vilje".
Navngivning av variabler
Gode variabelnavn gjør koden din lesbar uten kommentarer. Sammenlign disse to linjene:
let a = 10 vs. let antallProdukter = 10
Den andre forteller deg umiddelbart hva verdien representerer. Noen regler gjelder: variabelnavn kan ikke starte med et tall, kan ikke inneholde mellomrom, og kan ikke bruke reserverte ord som JavaScript bruker selv (for eksempel "let", "const", "if" og "return").
JavaScript er også case-sensitivt. Variabelen nummer og Nummer er to helt forskjellige variabler. Standarden i JavaScript er camelCase, der du starter med liten bokstav og bruker stor bokstav på hvert nytt ord: fornavn, etterNavn, antallForsok. Konstanter som representerer faste verdier skrives gjerne med store bokstaver og understrek: MAX_FORSOK, MVA_SATS.
Operasjoner med variabler
Variabler blir nyttige når du bruker dem i beregninger og sammensetninger. JavaScript støtter de vanlige regneartene: pluss, minus, gange og dele. Du kan bruke tall direkte, eller variabler som inneholder tall.
let pris = 200
let antall = 3
let total = pris * antall
Resultatet i total blir 600. Endrer du verdien av pris eller antall senere, kan du kjøre beregningen på nytt med de oppdaterte verdiene.
For tekst brukes pluss til å sette sammen strenger. Det kalles string concatenation. "Hei" + " " + "verden" gir "Hei verden". Denne teknikken brukes mye for å bygge opp meldinger fra flere variabler. Merk at du må legge inn mellomrom selv, enten i en av strengene eller som en egen streng mellom dem.
Typeof avslører datatypen
Når du er usikker på hva en variabel inneholder, kan du bruke typeof. Skriv typeof foran variabelnavnet, og JavaScript returnerer datatypen som en tekst. typeof 42 gir "number". typeof "hei" gir "string". typeof true gir "boolean". Dette er et nyttig feilsøkingsverktøy, spesielt når noe oppfører seg uventet fordi en verdi har feil type.
Neste steg med variabler
Variabler alene gjør ikke så mye. Kraften kommer når du kombinerer dem med operatorer for å utføre beregninger og sammenligninger, og med if og else for å la programmet ta beslutninger basert på verdiene i variablene. Hvis du er helt ny og ennå ikke har satt opp utviklingsmiljøet, kan du starte med å komme i gang med JavaScript.
Videoen til denne artikkelen er hentet fra kurset JavaScript for nybegynnere med kursholder Lars Vidar Nordli. Kurset dekker variabler i JavaScript i detalj, inkludert scope, datatyper og typekonvertering, med praktiske kodeeksempler du kan følge steg for steg.
