TypeScript Academy · leksjon

Mapped types med +/-readonly og +/-?

Utforsk mapped types og modifikatorer (+/-readonly, +/-optional) for å lage fleksible varianter av objektstrukturer.

Leksjon 1 av 38 trinn

Mapped types med +/-readonly og +/-? 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: Lær mapped types med modifikatorer for å endre objektegenskaper systematisk. De lar deg opprette readonly-, optional- eller required-varianter av typer.

Grunnleggende mapped type

En mapped type går gjennom nøkler og gjenbruker egenskapstypene. Dette er grunnlaget for transformasjoner.

type Options = { a: string; b: number }

type Clone<T> = { [K in keyof T]: T[K] }

type Copy = Clone<Options>  // { a: string; b: number }

Legge til readonly

Bruk +readonly for å tvinge frem uforanderlighet. Alle egenskaper blir readonly.

type ReadonlyT<T> = { [K in keyof T]+readonly: T[K] }

interface User { id: number; name: string }

type Locked = ReadonlyT<User>  // all props readonly

Fjerne readonly

Bruk -readonly for å fjerne uforanderlighet og gjenopprette muterbarhet.

type Mutable<T> = { [K in keyof T]-readonly: T[K] }

type Editable = Mutable<Locked>  // props writable again

Legge til optional

? etter egenskapen markerer den som optional. Nyttig ved oppdatering av konfigurasjon.

type PartialT<T> = { [K in keyof T]?: T[K] }

interface Settings { dark: boolean; lang: string }

type Maybe = PartialT<Settings>  // props optional

Fjerne optional

Bruk -? for å fjerne optional og kreve at egenskapene finnes.

type RequiredT<T> = { [K in keyof T]-?: T[K] }

type Strict = RequiredT<Maybe>  // props required again

Sjekk av fjerning av readonly

Hurtigsjekk: Hvilken syntaks for mapped types fjerner readonly fra egenskaper?

Oppsummering

Oppsummering: Med mapped types kan du bruke transformasjoner på tvers av egenskaper: +/-readonly, +/-? for muterbarhet og optional. De danner grunnlaget for Partial, Required og Readonly.

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

Ofte stilte spørsmål

Er leksjonen «Mapped types med +/-readonly og +/-?» gratis?

Ja – hele teksten i «Mapped types med +/-readonly og +/-?» 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 «Mapped types med +/-readonly og +/-?»?

Utforsk mapped types og modifikatorer (+/-readonly, +/-optional) for å lage fleksible varianter av objektstrukturer. 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 «Mapped types med +/-readonly og +/-?»?

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

  1. Mapped types med +/-readonly og +/-?
  2. Nøkkelomtilordning og template literal-typer
  3. Typetilordning av strengmønstre (ruteparametere, hendelsesnavn)
← Tilbake til TypeScript Academy