TypeScript Academy · leksjon

Generiske begrensninger med extends

Begrens typeparametere til bestemte strukturer.

Leksjon 3 av 413 trinn

Generiske begrensninger med extends er en gratis leksjon i TypeScript Academy på CoddyKit. Dette er leksjon 3 av 4. 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 4 leksjoner.

Velkommen

Generiske begrensninger begrenser hvilke typer som kan sendes inn som typeargumenter. Bruk `extends` for å kreve at T har bestemte egenskaper eller samsvarer med en bestemt struktur.

Problemet uten begrensninger

Uten begrensninger vet ikke TypeScript hvilke operasjoner som er gyldige på T, så det tillater bare operasjoner som er felles for alle typer.

function getLength<T>(val: T): number {
  // return val.length; // Error — T might not have .length
}

Legge til en begrensning

Bruk `T extends Shape` for å kreve at T har minst egenskapene til Shape.

function getLength<T extends { length: number }>(val: T): number {
  return val.length;
}
getLength('hello');  // OK — string has .length
getLength([1, 2]);   // OK — array has .length
// getLength(42);   // Error — number has no .length

Begrense til et grensesnitt

Begrens T slik at den implementerer et bestemt grensesnitt.

interface Named { name: string; }
function greet<T extends Named>(person: T): string {
  return 'Hello, ' + person.name;
}

keyof-begrensning

Bruk `K extends keyof T` for å begrense K til nøklene i T. Dette muliggjør trygg tilgang til egenskaper.

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}
const age = getProperty({ name: 'Alice', age: 30 }, 'age'); // number

Utvide en union

T kan begrenses til en uniontype, slik at typeargumentet begrenses til bestemte verdier.

type Status = 'active' | 'inactive' | 'banned';
function setStatus<T extends Status>(status: T): void {
  console.log('Setting status:', status);
}

Begrense til en konstruktør

Begrens T slik at den er en klasse (har en konstruktør), så du kan opprette instanser inne i funksjonen.

function create<T>(ctor: new () => T): T {
  return new ctor();
}

Flere begrensninger med snitt

Begrens T slik at den oppfyller flere grensesnitt ved å bruke et snitt.

interface Serializable { serialize(): string; }
interface Loggable { log(): void; }
function process<T extends Serializable & Loggable>(item: T): void {
  item.log();
  console.log(item.serialize());
}

Arv av begrensninger

Begrensninger fungerer med arv. Hvis T utvider en basisklasse, kan du kalle alle metodene i basisklassen.

class Animal { breathe() { return 'breathing'; } }
function care<T extends Animal>(a: T): string { return a.breathe(); }

T utvider seg selv (rekursivt)

Begrensninger kan referere til seg selv ved rekursive datastrukturer.

interface Comparable<T> { compareTo(other: T): number; }
function max<T extends Comparable<T>>(a: T, b: T): T {
  return a.compareTo(b) >= 0 ? a : b;
}

Feilmeldinger for begrensninger

Når et typeargument ikke oppfyller en begrensning, rapporterer TypeScript en tydelig feil som navngir både argumentet og begrensningen.

Hurtigsjekk

Hva begrenser `K extends keyof T` K til?

Besvar den i den interaktive leksjonen

Oppsummering

Bruk `T extends SomeType` for å begrense generiske typeparametere. Dette lar deg kalle bestemte metoder på T, bruke keyof for trygg tilgang til egenskaper og bygge typesikre verktøyfunksjoner.

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

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «Generiske begrensninger med extends» gratis?

Ja – hele teksten i «Generiske begrensninger med extends» 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 4 leksjoner.

Hva lærer jeg i «Generiske begrensninger med extends»?

Begrens typeparametere til bestemte strukturer. 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 3 av 4.

Hvor lang tid tar leksjonen «Generiske begrensninger med extends»?

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

← Tilbake til TypeScript Academy