Variabler og datatyper i JS

Computerspace · FGU · Programmering i JavaScript

🌐 Hvad er variabler og datatyper i JavaScript?

JavaScript er det eneste sprog der kører i alle webbrowsere. Det bruges til interaktive hjemmesider, mobilapps og serverside-programmering.

Variabeldeklaration:

```javascript

// var – gammel metode, function-scope (undgå i moderne JS)

var gammelt = "undgå dette";

// let – block-scope, kan ændres

let alder = 19;

alder = 20; // OK

// const – block-scope, kan ikke ændres (men objekter kan muteres)

const PI = 3.14159;

// PI = 3; // TypeError!

const person = { navn: "Anna" };

person.navn = "Bo"; // OK! Objektet ændres, ikke referencen

```

Primitive datatyper:

```javascript

let heltal = 42; // number

let decimal = 3.14; // number (alt er number i JS)

let tekst = "Hej verden"; // string

let kanStemmme = true; // boolean

let ingenVærdi = null; // null (eksplicit intet)

let ikkeDefineret; // undefined (ikke tildelt)

let unikt = Symbol("id"); // symbol (unikt)

let stortTal = 9007199254740991n; // BigInt (store heltal)

console.log(typeof 42); // "number"

console.log(typeof "hej"); // "string"

console.log(typeof true); // "boolean"

console.log(typeof undefined); // "undefined"

console.log(typeof null); // "object" (historisk fejl i JS!)

```

Dynamisk typesystem:

```javascript

let x = 42; // number

x = "Hej"; // Nu string – JS skifter type automatisk

x = true; // Nu boolean

```

Template literals (skabelon-strenge):

```javascript

const navn = "Anna";

const alder = 19;

// Gammel metode

const besked1 = "Hej " + navn + ", du er " + alder + " år.";

// Moderne: template literals med backticks

const besked2 = Hej ${navn}, du er ${alder} år.;

const flerlinje = `

Første linje

Anden linje

`;

```

Udviklingsmiljø:

• VS Code med extensions: ESLint, Prettier, Live Server
• Browser DevTools – tryk F12 for Console, Network, Elements tabs
• Ingen installation nødvendig – åbn Console i browseren og begynd!

---

🎓 Læringsmål for Variabler og datatyper i JS

Læringsmål

• Forstå forskellen på var, let og const og hvornår man bruger dem
• Kende de syv primitive datatyper i JavaScript
• Bruge typeof-operatoren til at tjekke typer
• Forstå at JavaScript er dynamisk typet og hvad det betyder
• Skrive template literals med ${} til string-interpolation

Sådan kan du arbejde med emnet

• Hvad er forskellen på let, const og var?
• Hvad er forskellen på null og undefined?
• Hvad er typeof og hvad returnerer det for null?
• Hvad er template literals og hvad er fordelen?

⚠️ Typiske fejl at undgå

• Bruger var – brug altid let eller const i moderne JavaScript
• Forveksler null og undefined – null er eksplicit intet, undefined er ikke tildelt
• Sammenligner med == – brug altid === (strict equality) der tjekker både type og værdi

---

💡 Tips til at komme i gang

• Åbn browser Console (F12) – det er den hurtigste måde at prøve JavaScript
• Brug const som standard – skift til let kun hvis værdien skal ændres
• Installer VS Code med Live Server extension for at se ændringer live i browseren