Objekttyper, valfria readonly-egenskaper och indexsignaturer
Definiera objekttyper med egenskaper, markera vissa som valfria eller readonly och använd indexsignaturer för flexibla nycklar.
Objekttyper, valfria readonly-egenskaper och indexsignaturer ä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: Definiera strukturerade objekt i TypeScript. Du får utforska objekttyper, valfria egenskaper, modifierare som readonly och indexsignaturer för dynamiska nycklar.
Grundläggande objekt
Objekttyper definierar egenskapsnamn och deras typer. Varje objekt måste följa den deklarerade strukturen.
type User = {
id: number;
name: string;
};
const u: User = { id: 1, name: "Ada" };
console.log(u);Valfri egenskap
Valfria egenskaper använder ”?”. Objekt kan utelämna dem, och TypeScript kontrollerar om värdet är undefined innan det används.
type User = {
id: number;
name: string;
email?: string; // optional
};
const a: User = { id: 1, name: "Ada" };
const b: User = { id: 2, name: "Lin", email: "l@example.com" };Readonly-egenskap
readonly säkerställer att egenskaper inte kan omtilldelas efter initieringen. Det passar bra för konstanter och konfigurationsobjekt.
type Config = {
readonly version: number;
name: string;
};
const cfg: Config = { version: 1, name: "App" };
// cfg.version = 2; // Error, readonlyIndexsignatur
Indexsignaturer tillåter okända egenskapsnamn av en viss typ. Exempel: nycklarna är strängar och värdena är tal.
type Dictionary = {
[key: string]: number;
};
const scores: Dictionary = { math: 95, eng: 88 };
console.log(scores["math"]);Kombinera koncept
Det går att kombinera readonly-, valfria och indexsignaturer i samma typ för flexibla men säkra modeller.
type Settings = {
readonly id: string;
theme?: "light" | "dark";
[extra: string]: string | number | undefined;
};
const s: Settings = { id: "abc", theme: "dark", fontSize: 14 };
console.log(s);Kontroll av valfri egenskap
Snabb kontroll: Vad betyder ”?” efter en egenskap?
Sammanfattning
Sammanfattning: Objekt kan deklarera obligatoriska, valfria, readonly- och indexsignatursegenskaper. Dessa verktyg balanserar flexibilitet och säkerhet.
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 ”Objekttyper, valfria readonly-egenskaper och indexsignaturer” gratis?
Ja – hela texten till ”Objekttyper, valfria readonly-egenskaper och indexsignaturer” 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 ”Objekttyper, valfria readonly-egenskaper och indexsignaturer”?
Definiera objekttyper med egenskaper, markera vissa som valfria eller readonly och använd indexsignaturer för flexibla nycklar. 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 ”Objekttyper, valfria readonly-egenskaper och indexsignaturer”?
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
- Objekttyper, valfria readonly-egenskaper och indexsignaturer
- Interfaces jämfört med typalias
- Strukturell typning och kontroller av överflödiga egenskaper