Композиция функций JavaScript | Руководства по программированию

Введение

В этом практическом занятии мы изучим концепцию композиции функций в JavaScript. В частности, мы сосредоточимся на функции composeRight, которая позволяет объединять несколько функций в одну, которая выполняется слева направо. С помощью практических примеров мы увидим, как композиция функций может упростить наш код и сделать его более модульным.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28597{{"Композиция функций слева направо"}} javascript/data_types -.-> lab-28597{{"Композиция функций слева направо"}} javascript/arith_ops -.-> lab-28597{{"Композиция функций слева направо"}} javascript/comp_ops -.-> lab-28597{{"Композиция функций слева направо"}} javascript/higher_funcs -.-> lab-28597{{"Композиция функций слева направо"}} javascript/spread_rest -.-> lab-28597{{"Композиция функций слева направо"}} end

Обратная композиция функций

Для начала практики программирования откройте Терминал/SSH и введите node.

Вот, как выполняется композиция функций слева направо:

Используйте метод Array.prototype.reduce(), чтобы выполнить композицию функций слева направо.
Первая (самая левая) функция может принимать один или несколько аргументов, в то время как оставшиеся функции должны быть унарными.

const composeRight = (...fns) =>
  fns.reduce(
    (f, g) =>
      (...args) =>
        g(f(...args))
  );

Например:

const add = (x, y) => x + y;
const square = (x) => x * x;
const addAndSquare = composeRight(add, square);
addAndSquare(1, 2); // 9

Резюме

Поздравляем! Вы завершили практическое занятие по обратной композиции функций. Вы можете выполнить больше практических заданий в LabEx, чтобы улучшить свои навыки.