TypeScript Academy · Lektion

Readonly, Exclude, Extract, NonNullable

Anvend flere utility-typer til uforanderlighed og filtrering

Lektion 4 af 413 trin

Readonly, Exclude, Extract, NonNullable er en gratis TypeScript Academy-lektion på CoddyKit. Dette er lektion 4 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i TypeScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. TypeScript Academy-kurset indeholder 4 lektioner i alt.

Velkommen

TypeScripts standardbibliotek indeholder flere hjælpe-typer ud over Partial, Required, Pick og Omit. Denne lektion gennemgår Readonly, Exclude, Extract og NonNullable.

Readonly<T>

Gør alle egenskaber i T skrivebeskyttede. Forhindrer, at en egenskab tildeles en ny værdi efter oprettelsen.
interface Config { host: string; port: number; }
const cfg: Readonly<Config> = { host: 'localhost', port: 3000 };
// cfg.host = 'remote'; // Error!

Exclude<T, U>

Fjerner alle medlemmer fra unionen T, der kan tildeles til U.
type Status = 'pending' | 'active' | 'banned' | 'deleted';
type ActiveStatus = Exclude<Status, 'banned' | 'deleted'>;
// 'pending' | 'active'

Extract<T, U>

Beholder kun de medlemmer af unionen T, der kan tildeles til U. Det er det modsatte af Exclude.
type StringOrNumber = string | number | boolean;
type JustStrNum = Extract<StringOrNumber, string | number>;
// string | number

NonNullable<T>

Fjerner null og undefined fra T.
type MaybeString = string | null | undefined;
type DefinitelyString = NonNullable<MaybeString>; // string

ReturnType<T>

Udleder returtypen for en funktionstype T.
function fetchUser() { return { id: 1, name: 'Alice' }; }
type User = ReturnType<typeof fetchUser>; // { id: number; name: string }

Parameters<T>

Udleder parametertyperne for en funktion som en tuppel.
function add(a: number, b: number): number { return a + b; }
type AddParams = Parameters<typeof add>; // [number, number]

InstanceType<T>

Henter instanstypen, som produceres af en konstruktørfunktionstype.
class HttpClient { get(url: string) { return fetch(url); } }
type Client = InstanceType<typeof HttpClient>; // HttpClient

Awaited<T>

Pakker indlejrede Promise-typer ud.
type A = Awaited<Promise<string>>;          // string
type B = Awaited<Promise<Promise<number>>>;  // number

Brug af flere hjælpe-typer sammen

Kæd hjælpe-typer sammen for at udføre komplekse transformationer.
type SafeInput<T> = Readonly<Partial<NonNullable<T>>>;

Hjælpe-typer er blot typealiaser

Alle indbyggede hjælpe-typer er implementeret ved hjælp af afbildede typer, betingede typer og infer. Du kan oprette dine egne.

Hurtigt tjek

Hvad producerer `Exclude<'a' | 'b' | 'c', 'b'>`?

Opsummering

Readonly forhindrer ændringer. Exclude fjerner medlemmer af en union. Extract beholder matchende medlemmer. NonNullable fjerner null- og undefined-værdier. ReturnType, Parameters og InstanceType udleder typeoplysninger om funktioner og klasser.
Gratis at komme i gang

Lær TypeScript med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser
101
Lektioner
352

Ofte stillede spørgsmål

Er lektionen “Readonly, Exclude, Extract, NonNullable” gratis?

Ja — hele teksten til “Readonly, Exclude, Extract, NonNullable” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af TypeScript Academy-kurset, skal du opgradere til CoddyKit PRO. TypeScript Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Readonly, Exclude, Extract, NonNullable”?

Anvend flere utility-typer til uforanderlighed og filtrering Du øver dig i TypeScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på TypeScript Academy?

Der kræves ingen tidligere erfaring. TypeScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 4 af 4.

Hvor lang tid tager lektionen “Readonly, Exclude, Extract, NonNullable”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne TypeScript Academy-lektion?

Ja. Alle TypeScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

  1. Partial og Required: Skift mellem valgfrihed
  2. Pick og Omit: Valg af egenskaber
  3. Record: Tilknytning af nøgler til værdityper
  4. Readonly, Exclude, Extract, NonNullable
← Tilbage til TypeScript Academy