TypeScript Academy · Lektion

null, undefined og strikse null-tjek

Håndtér null og undefined sikkert med strict mode.

Lektion 4 af 413 trin

null, undefined og strikse null-tjek er en gratis TypeScript Academy-lektion på CoddyKit. Dette er lektion 4 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i TypeScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. TypeScript Academy-kurset indeholder 4 lektioner i alt.

Velkommen

I JavaScript er null og undefined almindelige kilder til kørselsfejl. TypeScripts strenge null-tjek tvinger dig til at håndtere dem eksplicit.

null sammenlignet med undefined

`undefined` betyder, at en variabel er erklæret, men ikke har fået tildelt en værdi. `null` betyder, at der bevidst ikke er nogen værdi. Begge er separate typer i TypeScript.

let a: undefined = undefined;
let b: null = null;

Uden strenge null-tjek

Uden `strictNullChecks` er null og undefined undertyper af alle typer. Det er standarden i ældre versioner af TypeScript og er generelt usikkert.

// strictNullChecks: false (unsafe default)
let name: string = null; // allowed — dangerous!

Aktivering af strenge null-tjek

Med `strictNullChecks: true` (inkluderet i `strict`) kan null og undefined kun tildeles til deres egne typer eller til eksplicitte union-typer.

// strictNullChecks: true
let name: string = null; // Error!
let maybeName: string | null = null; // OK

Valgfrie egenskaber

Objektegenskaber, der er markeret med `?`, er implicit af typen `T | undefined`. Du skal håndtere situationen, hvor de mangler.

interface Config {
  host: string;
  port?: number; // number | undefined
}

const c: Config = { host: 'localhost' };
console.log(c.port?.toString()); // optional chaining

Indsnævring af nullable typer

Brug et if-tjek til at indsnævre en union med null eller undefined, før du tilgår egenskaber.

function greet(name: string | null): string {
  if (name === null) return 'Guest';
  return 'Hello, ' + name;
}

Valgfri kædning (?.)

Operatoren `?.` stopper den videre evaluering og giver `undefined`, hvis venstresiden er null eller undefined. Det forhindrer et nedbrud under kørsel.

const user = getUser();
const city = user?.address?.city; // undefined if any step is null

Nullish coalescing (??)

Operatoren `??` returnerer kun højresiden, når venstresiden er null eller undefined – i modsætning til `||`, som udløses af enhver falsk-lignende værdi.

const port = config.port ?? 3000; // 3000 if port is null/undefined
const label = name ?? 'Anonymous';

Non-null assertion-operatoren (!)

Postfixoperatoren `!` fortæller TypeScript, at du er sikker på, at en værdi ikke er null eller undefined. Brug den kun, når du er helt sikker.

const el = document.getElementById('root')!;
el.textContent = 'Loaded'; // no null check needed

Returnering af null sammenlignet med undefined

Foretræk at returnere `null` for at angive et bevidst tomt resultat og `undefined` for manglende eller valgfrie værdier. Vær konsekvent i din kodebase.

function findUser(id: number): User | null {
  return db.find(u => u.id === id) ?? null;
}

strictNullChecks forhindrer fejlen til en milliard dollar

Tony Hoare kaldte null for en fejltagelse til en milliard dollar. TypeScripts strictNullChecks forhindrer nedbrud på grund af null eller undefined ved at få dig til at håndtere disse værdier eksplicit.

Hurtigt tjek

Hvad returnerer operatoren `??` (nullish coalescing) på sin højre side?

Besvar den i den interaktive lektion

Opsummering

Aktivér strictNullChecks for at forhindre fejl med null og undefined. Brug union-typer til at tillade nullable værdier, valgfri kædning (?.) til sikker gennemgang og nullish coalescing (??) til at angive standardværdier.

Gratis at komme i gang

Lær TypeScript med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser: 101
Lektioner: 352

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “null, undefined og strikse null-tjek” gratis?

Ja — hele teksten til “null, undefined og strikse null-tjek” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af TypeScript Academy-kurset, skal du opgradere til CoddyKit PRO. TypeScript Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “null, undefined og strikse null-tjek”?

Håndtér null og undefined sikkert med strict mode. Du øver dig i TypeScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på TypeScript Academy?

Der kræves ingen tidligere erfaring. TypeScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 4 af 4.

Hvor lang tid tager lektionen “null, undefined og strikse null-tjek”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne TypeScript Academy-lektion?

Ja. Alle TypeScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

Primitive typer: string, number, boolean
any-typen, og hvorfor den bør undgås
unknown kontra any: det sikrere valg
null, undefined og strikse null-tjek

← Tilbage til TypeScript Academy