TypeScript Academy · leksjon

Keyof- og oppslagstyper

Oppdag hvordan du trekker ut og refererer til nøkler og egenskaper fra eksisterende typer, slik at du kan lage dynamiske og gjenbrukbare typedefinisjoner.

Leksjon 1 av 310 trinn

Keyof- og oppslagstyper er en gratis leksjon i TypeScript Academy på CoddyKit. Dette er leksjon 1 av 3. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i TypeScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i TypeScript Academy inneholder totalt 3 leksjoner.

Introduksjon til keyof og oppslagstyper

keyof og oppslagstyper i TypeScript lar deg arbeide dynamisk med nøkler og egenskaper i eksisterende typer.

De gjør koden mer fleksibel og gjenbrukbar ved at du kan referere til og hente ut typer fra objekter.

Keyof- og oppslagstyper — illustrasjon 1

Hva er keyof?

Operatoren keyof oppretter en type som består av alle nøklene i en objekttype.

Eksempel:

type Person = {
  name: string;
  age: number;
};
type PersonKeys = keyof Person;

Hva er oppslagstyper?

Oppslagstyper bruker hakeparenteser [] for å hente typen til en bestemt egenskap i et objekt.

Eksempel:

type Person = {
  name: string;
  age: number;
};
type NameType = Person['name'];

Kombinere keyof og oppslagstyper

Du kan bruke keyof og oppslagstyper sammen for å opprette dynamiske og gjenbrukbare typebegrensninger.

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

Bruksområder for keyof og oppslagstyper

Vanlige bruksområder omfatter:

  • Opprette dynamiske API-er.
  • Typesikker tilgang til egenskaper i objekter.
  • Gjøre koden mer fleksibel ved hjelp av typebegrensninger.

Praktisk eksempel

Her er et praktisk eksempel der vi kombinerer keyof og oppslagstyper:

type User = {
  id: number;
  username: string;
};

function printKey<T, K extends keyof T>(obj: T, key: K): void {
  console.log(`${key}: ${obj[key]}`);
}

const user: User = { id: 1, username: 'John' };
printKey(user, 'username');

Fordeler med å bruke keyof og oppslagstyper

Disse funksjonene gir:

  • Dynamisk tilgang til egenskaper med typesikkerhet.
  • Gjenbrukbar og skalerbar kode.
  • Bedre forebygging av feil under kompilering.

Øvingsoppgave

Opprett en funksjon som bruker keyof og oppslagstyper til å få dynamisk tilgang til egenskaper fra et brukerobjekt. Prøv det!

Oppsummering av keyof og oppslagstyper

Gratulerer!

Du har lært hvordan du bruker keyof og oppslagstyper for å gjøre koden dynamisk og typesikker. Fortsett å øve for å bli fortrolig med disse avanserte funksjonene i TypeScript!

Keyof- og oppslagstyper — illustrasjon 10
Gratis å komme i gang

Lær deg TypeScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs
101
Leksjoner
352

Ofte stilte spørsmål

Er leksjonen «Keyof- og oppslagstyper» gratis?

Ja – hele teksten i «Keyof- og oppslagstyper» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av TypeScript Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i TypeScript Academy inneholder totalt 3 leksjoner.

Hva lærer jeg i «Keyof- og oppslagstyper»?

Oppdag hvordan du trekker ut og refererer til nøkler og egenskaper fra eksisterende typer, slik at du kan lage dynamiske og gjenbrukbare typedefinisjoner. Du øver på TypeScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med TypeScript Academy?

Ingen tidligere erfaring er nødvendig. TypeScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 3.

Hvor lang tid tar leksjonen «Keyof- og oppslagstyper»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne TypeScript Academy-leksjonen?

Ja. Alle TypeScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

  1. Keyof- og oppslagstyper
  2. Mappede typer
  3. Snitt- og unionstyper
← Tilbake til TypeScript Academy