Generiske funksjoner og begrensninger (extends, standardparametere)
Opprett generiske funksjoner, legg til begrensninger med extends, og bruk standardiserte typeparametere for brukervennlige API-er.
Generiske funksjoner og begrensninger (extends, standardparametere) 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
Mål: Gjør funksjoner gjenbrukbare og typesikre med generiske typer. De skal definere typeparametere, legge til begrensninger med extends og angi standardtypeparametere for en bedre utvikleropplevelse.
Identitetsgenerisk type
Definer et typeparameter <T>. Kompilatoren utleder T fra argumentene, så kallere trenger sjelden å angi det.
function identity<T>(x: T): T {
return x;
}
const a = identity(42); // T inferred as number
const b = identity("ts"); // T inferred as string
console.log(a, b);Begrensning med extends
Bruk extends for å kreve en bestemt struktur (for eksempel en id). T kan inneholde flere felt takket være strukturell typetilpassing.
function getId<T extends { id: number }>(item: T): number {
return item.id;
}
getId({ id: 1, name: "Ada" }); // OK (has id)
// getId({ name: "Lin" }); // Error: missing idKeyof-begrensning
Begrens K med keyof T for å tillate bare egenskapsnavn fra T. Returtypen er egenskapens type T[K].
function pluck<T, K extends keyof T>(obj: T, key: K): T[K] {
return obj[key];
}
const user = { id: 7, name: "Neo" };
const v1 = pluck(user, "name"); // string
const v2 = pluck(user, "id"); // number
console.log(v1, v2);Standardtypeparametere
Standardtypeparametere reduserer overflødig kode. Kallere kan utelate <T> i vanlige tilfeller, men fortsatt overstyre det ved behov.
interface Box<T = string> {
value: T;
}
const aBox: Box = { value: "hi" }; // T defaults to string
const nBox: Box<number> = { value: 123 }; // explicit override
console.log(aBox.value, nBox.value);Tips
Tips:
- La typeutledningen gjøre arbeidet; unngå overflødige T-annotasjoner.
- Legg bare til extends når implementasjonen trenger medlemmer fra T.
- Angi standardverdier for praktiske, vanlige tilfeller.
Sjekk av begrensninger
Hurtigsjekk: Hva sikrer T extends { id: number }?
Oppsummering
Oppsummering: Definer generiske funksjoner, bruk extends til å legge inn begrensninger, og angi standardtypeparametere for å holde API-er fleksible og brukervennlige.
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 «Generiske funksjoner og begrensninger (extends, standardparametere)» gratis?
Ja – hele teksten i «Generiske funksjoner og begrensninger (extends, standardparametere)» 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 «Generiske funksjoner og begrensninger (extends, standardparametere)»?
Opprett generiske funksjoner, legg til begrensninger med extends, og bruk standardiserte typeparametere for brukervennlige API-er. 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 «Generiske funksjoner og begrensninger (extends, standardparametere)»?
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
- Generiske funksjoner og begrensninger (extends, standardparametere)
- Partial, Readonly, Record, Pick, Omit
- keyof og indekserte tilgangstyper (introduksjon)