Del 1: Variabler

I JavaScript (og i programmering generelt) bruker vi variabler for å lagre informasjon som vi kan bruke senere. Det kan være et tall, et ord eller andre typer data.

Konseptet om variabler er de samme i alle programmeringsspråk, uansett om du bruker Python, Java, C++, Swift eller andre språk.

Bare syntaxen er forskjellig! Altså hvordan man skriver ting. Så ved å lære et språk vil du enklere lære andre også!

Lage variabler

For å lage en variabel skriver du kodeordet let og deretter variabelnavnet. Deretter tildeler du en verdi til variabelen med tildelingsoperatoren =. Nå kan du referere til denne variabelen i programmet ditt.

Du kan endre verdien til en variabel senere i programmet ved å gi den en ny verdi. Dette kalles å re-assigne verdien.

let melding = "Hello World!"; //tildeler verdi
console.log(melding);

melding = "Fint vær i dag!"; //re-assigner verdi
console.log(melding);

Du kan med console.log() skrive ut både en String (tekst mellom anførselstegn) og referere til verdien til en variabel: Nedenfor er tre metoder å gjøre det på:

let navn = "Jens";
let tema = "JavaScript";
console.log(navn + " lærer seg " + tema + " i dag "); // bruker +
console.log(navn, "lærer seg", tema, "i dag");        // bruker ,
console.log(`${navn} lærer seg ${tema} i dag`);   // bruker ` og ${}

Den første metoden bruker string-konkatenering, der flere tekster og variabler slås sammen med +. Den andre metoden skiller verdier med ,, og console.log() legger automatisk mellomrom mellom dem. Den siste metoden bruker template-strings, som lar deg skrive tekst og variabler direkte i én String ved å bruke backticks (`) og ${} for variablene.

For å lage backticks (`) trykker du option + ´. For å lage dollartegn bruker du shift + 4. For å lage klammeparenteser {} trykker du option + shift + 8.

Navn til variabler

Variabler bør ha beskrivende navn som passer verdien. Noen regler gjelder i JavaScript:

1) Bare bokstaver, tall og understrek (_).

2) Kan ikke starte med tall.

3) Ikke bruk reserverte ord som if.

4) Case-sensitive: Message ≠ message.

5) Flere ord: bruk camelCase, f.eks.:

let myAwesomeVariable

Eksempel og regler:

let navn = "Jens"
console.log(navn)

// Beskrivende
// Ikke start med tall
// Ingen mellomrom/bindestrek
// Ikke reserverte ord
// Case-sensitive
// Bruk camelCase

Konstante variabler

En konstant variabel er en variabel som ikke endrer sin verdi så lenge koden kjører. Vi bruker const-kodeordet for å lage en konstant variabel.

const FILE_SIZE_LIMIT = 2000
const MAX_SPEED = 300
MAX_SPEED = 200 //gir error

Som du ser bruker vi bare store bokstaver når vi gir navn til en konstant. Det er for å gjøre konstanter mer tydelige i koden.

Programmeringsoppgaver om variabler

Usikker på hvordan du bør skrive og lagre din egen JavaScript-kode? Trykk på denne lenken for å lære hvordan du kobler en js-fil til en html-fil.

Oppgave 1: Enkel variabelbruk

Skriv et program som definerer tre variabler: firstName, lastName og age. Gi dem verdier og skriv dem ut i konsollen.

Oppgave 2: Endre variabler

Lag en variabel favoriteColor med let. Re-assign (gi en ny verdi) til variabelen på neste linje, og skriv den ut igjen.

Oppgave 3: Bruk av const

Definer en konstant PI med verdien 3.14. Prøv å endre verdien (spoiler: det vil ikke fungere!). Hva skjer?

Oppgave 4: Gjør enkel matte med variabler

Lag to variabler, num1 og num2, og gjør noen enkle berekninger med dem. Skriv ut summen, differansen, produktet og kvotienten.

Oppgave 5: Bruk av template strings

Lag variablene navn og aktivitet, og gi dem passende verdier. Skriv ut setningen '(navn) liker å drive med (aktivitet)'. Bruk alle de tre måtene vi har lært: ved å bruke ,, string-konkatonering + og template strings `${}`.

← Forrige del Neste del →