Utökning och sammanslagning av interface
Utöka interface och förstå deklarationssammanslagning
Utökning och sammanslagning av interface är en gratis lektion i TypeScript Academy på CoddyKit. Detta är lektion 3 av 4. 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 4 lektioner.
Välkommen
Utöka ett gränssnitt
interface Animal { name: string; }
interface Dog extends Animal {
breed: string;
}
const rex: Dog = { name: 'Rex', breed: 'Labrador' };Utöka flera gränssnitt
interface Flyable { fly(): void; }
interface Swimmable { swim(): void; }
interface Duck extends Flyable, Swimmable {
quack(): void;
}Åsidosätta egenskaper vid utökning
interface Base { value: string | number; }
interface Derived extends Base { value: string; } // OK — string is narrower
// interface Bad extends Base { value: boolean; } // ErrorDeklarationssammanslagning
interface Window { title: string; }
interface Window { location: Location; }
// Merged: Window has both title and locationUtöka bibliotekstyper
// express.d.ts
declare namespace Express {
interface Request {
user?: User;
}
}Gränssnitt som utökar ett typalias
type Named = { name: string };
interface User extends Named { email: string; }Kedjor av nästlade utökningar
interface A { a: number; }
interface B extends A { b: number; }
interface C extends B { c: number; }
const obj: C = { a: 1, b: 2, c: 3 };extends jämfört med implements
interface Serializable { serialize(): string; }
class Model implements Serializable {
serialize() { return JSON.stringify(this); }
}Sammanslagning gäller all användning
Sammanslagning jämfört med utökning: när används vad?
Snabb kontroll
Sammanfattning
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 ”Utökning och sammanslagning av interface” gratis?
Ja – hela texten till ”Utökning och sammanslagning av interface” 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 4 lektioner.
Vad lär jag mig i ”Utökning och sammanslagning av interface”?
Utöka interface och förstå deklarationssammanslagning 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 3 av 4.
Hur lång tid tar lektionen ”Utökning och sammanslagning av interface”?
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
- Definiera objektstrukturer med interface
- Typalias för komplexa typer
- Utökning och sammanslagning av interface
- Interface eller type: när ska de användas