Generiska funktioner och begränsningar (extends, standardparametrar)
Skapa generiska funktioner, lägg till begränsningar med extends och använd standardiserade typparametrar för lättanvända API:er.
Generiska funktioner och begränsningar (extends, standardparametrar) är en gratis lektion i TypeScript Academy på CoddyKit. Detta är lektion 1 av 3. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för TypeScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i TypeScript Academy innehåller totalt 3 lektioner.
Introduktion
Mål: Gör funktioner återanvändbara och typsäkra med generiska typer. Ni kommer att definiera typparametrar, lägga till begränsningar med extends och ange standardtypparametrar för en bättre utvecklarupplevelse.
Identitetsfunktion med generisk typ
Definiera en typparameter <T>. Kompilatorn infererar T från argumenten, så anroparna behöver sällan ange den.
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);Begränsning med extends
Använd extends för att kräva en viss struktur (till exempel ett id). T kan innehålla fler fält tack vare strukturell typning.
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-begränsning
Begränsa K med keyof T så att endast egenskapsnamn från T tillåts. Returtypen är egenskapens typ 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);Standardtypparametrar
Standardtypparametrar minskar mängden standardkod. Anroparna kan utelämna <T> i vanliga fall, men ändå ersätta den vid 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:
- Låt inferensen göra jobbet och undvik överflödiga T-annoteringar.
- Lägg bara till extends när implementationen behöver medlemmar från T.
- Ange standardvärden för smidiga och vanliga användningsfall.
Kontroll av begränsningar
Snabbkontroll: Vad säkerställer T extends { id: number }?
Sammanfattning
Sammanfattning: Definiera generiska funktioner, begränsa med extends och ange standardtypparametrar för att hålla API:er flexibla men lättanvända.
Lär dig TypeScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 101
- Lektioner
- 352
Vanliga frågor
Är lektionen ”Generiska funktioner och begränsningar (extends, standardparametrar)” gratis?
Ja – hela texten till ”Generiska funktioner och begränsningar (extends, standardparametrar)” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i TypeScript Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i TypeScript Academy innehåller totalt 3 lektioner.
Vad lär jag mig i ”Generiska funktioner och begränsningar (extends, standardparametrar)”?
Skapa generiska funktioner, lägg till begränsningar med extends och använd standardiserade typparametrar för lättanvända API:er. Ni övar på TypeScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig TypeScript Academy?
Du behöver inga förkunskaper. Utbildningen i TypeScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 3.
Hur lång tid tar lektionen ”Generiska funktioner och begränsningar (extends, standardparametrar)”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här TypeScript Academy-lektionen?
Ja. Varje TypeScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Generiska funktioner och begränsningar (extends, standardparametrar)
- Partial, Readonly, Record, Pick, Omit
- keyof och indexerade åtkomsttyper (introduktion)