JavaScript Academy · leksjon

Currying av funksjoner

Transformer funksjoner med flere argumenter til kjeder.

Leksjon 2 av 413 trinn

Currying av funksjoner er en gratis leksjon i JavaScript Academy på CoddyKit. Dette er leksjon 2 av 4. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i JavaScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i JavaScript Academy inneholder totalt 4 leksjoner.

Hva er currying

Currying omformer en funksjon som tar mange argumenter, til en sekvens av funksjoner som hver tar imot ett argument.

I stedet for add(1, 2, 3) kaller du add(1)(2)(3). Hvert kall returnerer den neste funksjonen frem til alle argumentene er samlet inn.

Currying for hånd

Den tydeligste måten å se currying på er å skrive nestede funksjoner, der hver funksjon returnerer den neste og danner en closure over de tidligere argumentene.

function add(a) {
  return function (b) {
    return function (c) {
      return a + b + c;
    };
  };
}

console.log(add(1)(2)(3));

Nestede arrow-returer

Arrow-funksjoner gjør curried-definisjoner kortere. Hver => returnerer den neste arrow-funksjonen, og den siste utfører arbeidet.

const add = a => b => c => a + b + c;

console.log(add(1)(2)(3));
console.log(add(10)(20)(30));

Closures husker argumenter

Currying er avhengig av closures. Hver returnerte funksjon beholder en referanse til variablene i det ytre scopet, slik at tidligere argumenter forblir tilgjengelige frem til det siste kallet kjøres.

const greet = greeting => name => greeting + ', ' + name + '!';

const sayHi = greet('Hi');
console.log(sayHi('Ada'));
console.log(sayHi('Grace'));

Kalle trinn for trinn

Du trenger ikke å bruke alle argumentene samtidig. Du kan stoppe underveis og lagre delresultatet i en variabel for gjenbruk.

const add = a => b => c => a + b + c;

const addOne = add(1);
const addOneAndTwo = addOne(2);

console.log(addOneAndTwo(3));
console.log(addOneAndTwo(100));

En generell curry-hjelper

Det er tungvint å skrive nestede funksjoner for hånd. En generell curry-hjelper samler inn argumenter til den har nok, og kaller deretter den opprinnelige funksjonen.

function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn(...args);
    }
    return (...more) => curried(...args, ...more);
  };
}

const add = curry((a, b, c) => a + b + c);
console.log(add(1)(2)(3));

Fleksible kall med curry

En god curry-hjelpefunksjon godtar argumenter i hvilken som helst gruppering. fn.length forteller hvor mange parametere den opprinnelige funksjonen deklarerte.

function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn(...args);
    }
    return (...more) => curried(...args, ...more);
  };
}

const add = curry((a, b, c) => a + b + c);
console.log(add(1, 2, 3));
console.log(add(1, 2)(3));
console.log(add(1)(2, 3));

Currying for spesialisering

Currying gjør spesialisering naturlig: bruk det første argumentet, og bruk den returnerte funksjonen på nytt i mange kall.

const multiply = a => b => a * b;

const double = multiply(2);
const triple = multiply(3);

console.log(double(5));
console.log(triple(5));

Currying med array-metoder

Curried-funksjoner passer perfekt inn i map og filter fordi hver av dem produserer en funksjon med ett argument som er klar til å motta hvert element.

const greaterThan = min => value => value > min;

const over10 = greaterThan(10);
console.log([5, 12, 8, 20].filter(over10));

Currying kontra partiell applikasjon

Partiell applikasjon låser noen argumenter og lar resten stå igjen til ett senere kall. Currying deler alltid en funksjon opp i en kjede av kall med ett argument.

Currying er én bestemt, fullstendig oppdelt form for partiell applikasjon.

const partial = (a, b) => c => a + b + c;
const curried = a => b => c => a + b + c;

console.log(partial(1, 2)(3));
console.log(curried(1)(2)(3));

Hvorfor currying?

Currying oppmuntrer til små, komponerbare og gjenbrukbare funksjoner. Det passer naturlig sammen med funksjonssammensetning, som De skal utforske videre. Hovedpoenget er at en curried-funksjon aldri er «ufullstendig»; den returnerer ganske enkelt en ny funksjon helt til den har fått nok argumenter.

const tag = name => content => '<' + name + '>' + content + '</' + name + '>';

const bold = tag('b');
console.log(bold('important'));
console.log(tag('i')('slanted'));

Kort kontroll

Gitt const add = a => b => c => a + b + c;, hva evalueres add(1)(2) til?

Besvar den i den interaktive leksjonen

Oppsummering: currying

De har lært å dele opp funksjoner i kjeder med ett argument:

Curried-funksjoner returnerer en ny funksjon for hvert argument ved hjelp av closures.
Nøstede piler gir kompakte curried-definisjoner.
En generell curry-hjelpefunksjon bruker fn.length for å vite når det har kommet nok argumenter.
Currying muliggjør ryddig spesialisering og sammensetning.

Gratis å komme i gang

Lær deg JavaScript 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: 59
Leksjoner: 200

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «Currying av funksjoner» gratis?

Ja – du kan lese valgfritt 3 av leksjonene i læringsstien JavaScript Academy, inkludert «Currying av funksjoner», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i JavaScript Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «Currying av funksjoner»?

Transformer funksjoner med flere argumenter til kjeder. Du øver på JavaScript 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 JavaScript Academy?

Ingen tidligere erfaring er nødvendig. JavaScript 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 4.

Hvor lang tid tar leksjonen «Currying av funksjoner»?

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 JavaScript Academy-leksjonen?

Ja. Alle JavaScript 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 JavaScript Academy