TypeScript Academy · leksjon

DeepPartial og DeepReadonly

Bygg rekursive varianter av Partial og Readonly.

Leksjon 1 av 413 trinn

DeepPartial og DeepReadonly er en gratis leksjon i TypeScript Academy på CoddyKit. Dette er leksjon 1 av 4. 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 4 leksjoner.

Hvorfor dype hjelpeverktøytyper?

De innebygde Partial og Readonly gjelder bare på ett nivå. For nestede objekter trenger De rekursive versjoner.

interface Config {
  db: { host: string; port: number };
  app: { name: string };
}
type Shallow = Partial<Config>;
// Shallow.db is still required — only top level is optional

Implementere DeepPartial

Gå rekursivt gjennom objektegenskapene, gjør hver av dem valgfri og bruk DeepPartial rekursivt hvis egenskapsverdien er et objekt.

type DeepPartial<T> = T extends object
  ? { [K in keyof T]?: DeepPartial<T[K]> }
  : T;

DeepPartial i praksis

Bruk DeepPartial på en nestet konfigurasjonstype, og se at alle nivåene blir valgfrie.

type PartialConfig = DeepPartial<Config>;
// PartialConfig.db?: { host?: string; port?: number }

const c: PartialConfig = { db: { host: "localhost" } };
// No error — all other fields are optional

Implementere DeepReadonly

Gjør hver egenskap på alle dybdenivåer readonly ved å gå rekursivt inn i nestede objekttyper.

type DeepReadonly<T> = T extends object
  ? { readonly [K in keyof T]: DeepReadonly<T[K]> }
  : T;

DeepReadonly i praksis

En dypt fryst konfigurasjon kan ikke endres på noe nivå.

type ReadonlyConfig = DeepReadonly<Config>;
const cfg: ReadonlyConfig = { db: { host: "localhost", port: 5432 }, app: { name: "my-app" } };
// cfg.db.port = 3000; // Error: readonly

Håndtere matriser i dype typer

Matriser krever særskilt behandling – kartlegg elementtypene rekursivt i stedet for å behandle matriser som vanlige objekter.

type DeepPartial<T> =
  T extends (infer U)[]
    ? DeepPartial<U>[]
    : T extends object
      ? { [K in keyof T]?: DeepPartial<T[K]> }
      : T;

Håndtere primitive typer

Grunntilfellet i rekursjonen må returnere primitive typer som de er, ikke pakke dem inn i en mapped objekttype.

type DeepReadonly<T> =
  T extends string | number | boolean | null | undefined ? T
  : T extends (infer U)[] ? ReadonlyArray<DeepReadonly<U>>
  : { readonly [K in keyof T]: DeepReadonly<T[K]> };

Kombinere DeepPartial og DeepReadonly

De kan kombinere dem for å opprette en dypt delvis og skrivebeskyttet type for trygg oppdatering av konfigurasjoner.

type SafePatch<T> = DeepReadonly<DeepPartial<T>>;

Ytelseshensyn

Rekursive typer på svært store objekter kan gjøre TypeScript-typesjekken langsommere. Vurder dybdebegrensninger eller lat evaluering i ytelseskritisk kode.

// For very deep schemas, consider using Zod or io-ts
// which provide runtime + compile-time deep typing

Praktisk bruk: React-tilstandsoppdateringer

DeepPartial passer perfekt for funksjoner som oppdaterer tilstand og bare godtar den endrede delen av et stort tilstandsobjekt.

function patch<T>(state: T, changes: DeepPartial<T>): T {
  return { ...state, ...changes } as T;
}

Oppsummering: Dype hjelpeverktøytyper

DeepPartial og DeepReadonly er rekursive mapped typer som bruker modifikatoren sin på hvert nivå i et nestet objekt. Behandle matriser separat, og bruk grunntilfeller for primitive typer.

Rask kontroll

Hva er det riktige rekursive grunntilfellet for DeepPartial?

Besvar den i den interaktive leksjonen

Dette har De lært

De implementerte DeepPartial og DeepReadonly ved hjelp av rekursive mapped typer. Behandle matriser som et særtilfelle, og returner alltid primitive typer uendret i grunntilfellet.

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

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «DeepPartial og DeepReadonly» gratis?

Ja – hele teksten i «DeepPartial og DeepReadonly» 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 4 leksjoner.

Hva lærer jeg i «DeepPartial og DeepReadonly»?

Bygg rekursive varianter av Partial og Readonly. 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 4.

Hvor lang tid tar leksjonen «DeepPartial og DeepReadonly»?

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

← Tilbake til TypeScript Academy