Korkea-asteen funktio on funktio, joka tekee ainakin yhtä seuraavista: ottaa funktion argumenttina, tai palauttaa funktion. Tämä on mahdollista, koska funktiot ovat ensimmäisen luokan arvoja JS:ssä (voit välittää ne kuten mitä tahansa muuta arvoa).
[, , ].( n * );
button.(, handler);
( (), );
Kirjasto IT-haastattelukysymyksiä yksityiskohtaisine vastauksineen — Juniorista Senioriin.
Lahjoitafunction multiplier(factor) {
return n => n * factor; // returns a function that remembers `factor`
}
const double = multiplier(2);
const triple = multiplier(3);
double(5); // 10
triple(5); // 15
Tässä multiplier rakentaa erikoistuneita funktioita yleisestä funktioista — closure kaappaa factor:in.
function withLogging(fn) {
return (...args) => {
console.log(`calling with`, args);
const result = fn(...args);
console.log(`result`, result);
return result;
};
}
const loggedAdd = withLogging((a, b) => a + b);
Korkea-asteen funktiot tekevät koodista deklaratiivista ja uudelleenkäytettävää.
Ne muodostavat perustan taulukkomenetelmille (map/filter/reduce), tapahtumien käsittelylle, middlewarelle, dekoraattoreille, curryylle ja React-malleille (HOCs, custom hooks).
Sen sijaan että kirjoittaisit saman silmukan logiikan yhä uudelleen, välität käyttäytymisen funktiona.