Typetilordning av strengmønstre (ruteparametere, hendelsesnavn)
Begrens strenger med template literal-typer: mønstre for ruteparametere, navnerom for hendelsesnavn og trygge byggere.
Typetilordning av strengmønstre (ruteparametere, hendelsesnavn) er en gratis leksjon i TypeScript Academy på CoddyKit. Dette er leksjon 3 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: Modellér strengformater i typer. Med template literal types kan du håndheve mønstre som "/users/:id" eller "user:created" og samtidig beholde god DX.
- Begrens med prefiks eller suffiks
- Trekk ut deler med
infer - Bygg trygge hjelpefunksjoner
Ruteparametere
Definer en enkel rutemal og utled parameternavnet; bruk never i tilfeller som ikke følger regelen.
type Route = `/${string}`
type RouteWithParam = `/${string}/:${string}`
type ParamOf<R extends string> = R extends `${string}/:${infer P}` ? P : never
// examples
type A = ParamOf<"/users/:id"> // "id"
type B = ParamOf<"/posts/:slug"> // "slug"Trygg rutehjelper
Trygg bygger: Hjelpefunksjonen godtar maler som begynner med "/"; andre avvises under kompilering.
type Path<R extends string> = R extends `/${string}` ? R : never
function route<R extends Path<R>>(r: R) { return r }
const ok = route("/users/:id") // ok
// const bad = route("users") // error: must start with "/"Hendelsesnavneområder
Begrens prefikser (for eksempel user: og order:) og blokker ugyldige feltnavn med typer.
type EventName = `user:${string}` | `order:${string}`
function on<E extends EventName>(name: E, cb: (data: unknown) => void) {
// ... register listener
}
on("user:created", d => {}) // ok
// on("payment:done", d => {}) // error: not an EventNameDele opp en hendelse
Trekk ut de to delene med infer og konverter dem til typede felt; ugyldige formater kan dermed aldri forekomme.
type SplitEvent<E extends string> = E extends `${infer Scope}:${infer Action}` ? { scope: Scope; action: Action } : never
type S = SplitEvent<"user:created"> // { scope: "user"; action: "created" }
type Bad = SplitEvent<"oops"> // neverTips
Tips:
Hold begrensningene minimale; altfor strenge maler fører til refaktorering.
Kombiner reglene på ett sted med Builder-funksjoner.
Ikke glem å mappe den underliggende strengen til unknown-data og validere den under kjøring.
Sjekk av navneområder
Hurtigsjekk: Hvilket mønster begrenser hendelsesnavn til to navneområder?
Oppsummering
Oppsummering: Begrens malbaserte strenger med template literal types; trekk ut deler med infer; opprett trygge builder-funksjoner.
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 «Typetilordning av strengmønstre (ruteparametere, hendelsesnavn)» gratis?
Ja – hele teksten i «Typetilordning av strengmønstre (ruteparametere, hendelsesnavn)» 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 «Typetilordning av strengmønstre (ruteparametere, hendelsesnavn)»?
Begrens strenger med template literal-typer: mønstre for ruteparametere, navnerom for hendelsesnavn og trygge byggere. 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 3 av 3.
Hvor lang tid tar leksjonen «Typetilordning av strengmønstre (ruteparametere, hendelsesnavn)»?
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
- Mapped types med +/-readonly og +/-?
- Nøkkelomtilordning og template literal-typer
- Typetilordning av strengmønstre (ruteparametere, hendelsesnavn)