TypeScript Academy · leksjon

Sett sammen funksjoner og argumenter på en trygg måte

Sett sammen funksjoner samtidig som du bevarer argumenttupler og returtyper, og skriv pipe-/compose-hjelpefunksjoner som forblir typesikre.

Leksjon 2 av 38 trinn

Sett sammen funksjoner og argumenter på en trygg måte er en gratis leksjon i TypeScript Academy på CoddyKit. Dette er leksjon 2 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: Sett sammen funksjoner uten å miste informasjon om argumentene. Variadiske tupler lar deg beholde hele argumenttuplen gjennom pipe- og compose-hjelpere.

  • Bevar aritet og navn
  • Bevar inferens gjennom trinnene
  • Ingen any, ingen casts

Grunnleggende compose

compose: Den første funksjonen tar alle argumentene (...args: A), og den andre bruker resultatet; aritet og typer bevares.

function compose<A extends any[], B, C>(g: (b: B) => C, f: (...args: A) => B) {
  return (...args: A): C => g(f(...args))
}

function toLen(a: string, n: number) { return `${a}${n}`.length }
function isEven(x: number) { return x % 2 === 0 }

const c1 = compose(isEven, toLen)
const ok = c1("id", 99)   // boolean

Pipe-hjelper

pipe implementerer samme idé i motsatt rekkefølge; inferensflyten er mer intuitiv.

function pipe<A extends any[], B, C>(f: (...args: A) => B, g: (b: B) => C) {
  return (...args: A): C => g(f(...args))
}

const p1 = pipe(toLen, isEven)
const ok2 = p1("xx", 7) // boolean

Compose 3+

3+ funksjoner: Det samme mønsteret gjentas; A-tuppelen bevares, og mellomliggende returverdier lenkes sammen.

function compose3<A extends any[], B, C, D>(h: (c: C) => D, g: (b: B) => C, f: (...args: A) => B) {
  return (...args: A): D => h(g(f(...args)))
}

function toUpper(s: string) { return s.toUpperCase() }

const c3 = compose3(toUpper, (x: number) => x.toString(), toLen)
const val = c3("a", 5) // "2" → then upper → "2"

Binde hodet

bindHead: Forhåndssett alle argumentene og generer en funksjon uten argumenter; bare for demonstrasjonsformål (den kan faktisk gjøres mer fleksibel med Parameters).

function bindHead<A extends any[], B>(fn: (...args: A) => B, ...head: A) {
  return (...rest: []): B => fn(...head)
}

const bh = bindHead(toLen, "x", 42)
const r = bh() // number

Tips

Tips:

Unngå any i hjelpefunksjoner; det bryter inferenskjeden.

Angi returtypen eksplisitt ved behov; dette forbedrer utvikleropplevelsen.

Ved komposisjon i flere trinn bør du velge små hjelpefunksjoner fremfor altfor generiske.

Sjekk av compose-signatur

Hurtigsjekk: Hvilken compose-signatur bevarer kildens argumenttuple?

Oppsummering

Oppsummering: Du skrev compose/pipe og bevarte argumentene med variadiske tupler; flyten er etablert uten å miste aritet eller typer.

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 «Sett sammen funksjoner og argumenter på en trygg måte» gratis?

Ja – hele teksten i «Sett sammen funksjoner og argumenter på en trygg måte» 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 «Sett sammen funksjoner og argumenter på en trygg måte»?

Sett sammen funksjoner samtidig som du bevarer argumenttupler og returtyper, og skriv pipe-/compose-hjelpefunksjoner som forblir typesikre. 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 2 av 3.

Hvor lang tid tar leksjonen «Sett sammen funksjoner og argumenter på en trygg måte»?

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. Rest-elementer i tupler og curry-typer
  2. Sett sammen funksjoner og argumenter på en trygg måte
  3. Sterkt typet byggere
← Tilbake til TypeScript Academy