Variabler i JavaScript

Hvorfor man overhovedet gemmer noget i en variabel#

Et program regner ikke bare én ting ud og stopper. Det regner noget ud, husker resultatet, bruger det til noget andet, og bliver ved. For at kunne huske resultatet skal det have et navn at putte det under. Det navn er variablen.

Tænk på det som en kasse med et mærkat på. Mærkatet er navnet, indholdet er værdien. Du kan kigge i kassen ved at skrive navnet, og du kan lægge noget nyt i den ved at skrive navnet og et lighedstegn.

let alder = 21;
console.log(alder);

alder = 22;
console.log(alder);

Tryk på “Kør koden”.

Første linje opretter variablen og lægger tallet 21 i den. console.log skriver indholdet ud, så du kan se det. Den fjerde linje lægger noget nyt i den samme kasse. Bemærk at der ikke står let foran igen. let skriver man kun den ene gang, hvor variablen bliver til.

De tre ord: let, const og var#

Der er tre måder at oprette en variabel på i JavaScript, og du skal i praksis kun bruge de to.

• const bruger du, når værdien ikke skal skiftes ud bagefter. Det er langt de fleste tilfælde. Prøver du alligevel, får du en fejl med det samme. Hvilket er en fordel, ikke en begrænsning.
• let bruger du, når værdien skal ændre sig undervejs. En tæller i en løkke, for eksempel.
• var er den gamle måde. Du vil se den i ældre eksempler på nettet. Brug den ikke selv; den opfører sig anderledes end de to andre på måder, der giver mærkelige fejl.

En brugbar tommelfingerregel: skriv const, indtil du opdager, at du er nødt til at ændre værdien. Så laver du den om til let.

const navn = "Ida";
let point = 0;

point = point + 10;

console.log(navn + " har " + point + " point");

Tryk på “Kør koden”.

Navne der ikke koster dig tid senere#

JavaScript er ligeglad med, hvad du kalder dine variabler, så længe navnet starter med et bogstav og ikke indeholder mellemrum. Din læsevenlighed er ikke ligeglad. To vaner er værd at tage med fra starten:

1. Skriv, hvad det er, ikke hvad typen er. antalStuderende er bedre end tal2. Om tre uger husker du ikke, hvad tal2 var.
2. Brug stort begyndelsesbogstav midt i ordet. antalStuderende, ikke antalstuderende. Det hedder camelCase, og det er den konvention, alle JavaScript-eksempler i verden bruger. Til eksamen læser en anden din kode.

Store og små bogstaver er to forskellige ting for JavaScript: Navn og navn er ikke den samme variabel. Det er en overraskende almindelig kilde til den fejl, hvor alting ser rigtigt ud, men værdien er undefined.

Variabler, du ikke har oprettet#

Skriver du et navn, der aldrig er blevet oprettet, får du ReferenceError: x is not defined. Det er som regel en stavefejl. Skriver du derimod en variabel, du har oprettet uden at give den en værdi, får du undefined, ikke en fejl, bare ingenting.

let resultat;
console.log(resultat);

resultat = 42;
console.log(resultat);

Tryk på “Kør koden”.

Forskellen er værd at kende, for undefined er den værdi, du kommer til at se allermest, når noget ikke virker. Den betyder næsten altid: “der skulle have været lagt noget i den her kasse, og det blev der ikke.”

Kort opsamling#

• En variabel er et navn på en værdi.
• Opret den med const, medmindre den skal ændres, så let.
• Navngiv efter, hvad værdien betyder.
• Store og små bogstaver er forskellige.
• Uoprettet variabel giver ReferenceError; oprettet uden værdi giver undefined.